Custom CSS - Width of text rendered on Desktop Browser about gohugo-theme-ananke

[roshanwaa]

Custom CSS Contribution

Purpose:
This custom CSS aims to address the issue where the rendered text width on desktop browsers
is not utilizing enough screen space. The following changes have been implemented:

1. Left-align the body text for better readability.
2. Remove constraints on the maximum width of the body content to allow it to use the full width.

Note:
It's important to test these changes thoroughly on different browsers and screen sizes to
ensure a consistent and visually appealing experience.

Author: Roshan Kumar
Date: 09 Jan 2024

Feel free to review and provide feedback. Thank you!

body {
    max-width: none; /* Removes the maximum width constraint */
}

article {
    max-width: 100%; /* Use the full width of the parent container */
    margin: 0 auto;  /* Center the content if needed */
}

p {
    text-align: left !important; /* Left-align the text */
}