Readability and Alignment Issues on Google Season of Docs Page in Programs Section

[rahulrana701]

Description

The Google Season of Docs page within the Programs section of the Meshery UI is currently experiencing readability and alignment issues. The text on the page is not properly aligned, causing headings to blend into paragraphs, which makes it difficult for users to distinguish between different sections. This issue affects the overall readability and user experience on the page

Expected Behavior

Text and headings should be clearly aligned, with distinct separation between paragraphs and headings for better readability.

Screenshots

nshots

Steps To Reproduce The Issue

• On the Meshery homepage,
• In the navigation bar, click or hover over the "Community" section.
• Within the Community section, click on "Programs."
• On the Programs page, select the "Google Season of Docs" section.
• There, you will see the "Project Ideas" section, which contains the issue.
• URL : https://meshery.io/programs/gsod/2021

Environment:

• OS: Windows
• Browser: Chrome
• Version:
• Device: Desktop Mobile

---

Contributor Guides and Handbook

The meshery.io website uses Jekyll and GitHub Pages. Site content is found under the master branch.

• 📚 See the Contributing to Meshery.io Website section of the readme.md and other contributing instructions, too.
• 🎨 Wireframes and designs for Meshery UI in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[rahulrana701]

If you find this issue relevant, I would like to work on it.

[Ashparshp]

@rahulrana701 Thanks for Opening, let's discuss this on the website's call. Please add this as an agenda item to the meeting minutes.

[rahulrana701]

@Ashparshp can I start working on this issue ?

[Ashparshp]

@rahulrana701 Also, if you don't mind, could you kindly mention the steps to reproduce the issue along with the URL?