The text and layout need to be adjusted for better readability and usability across different screen sizes.

[Ashparshp]

Description

On smaller screens, the content appears cramped and misaligned, making it difficult to read and navigate.

Steps to Reproduce

Open the URL https://layer5.io/learn/service-mesh-labs/working-with-meshery-and-istio on a mobile device or resize your browser to a smaller screen width.

Expected Behavior

• The page should be fully responsive and display well on all devices, including desktops, tablets, and smartphones.
• The text should be readable, and the layout should be user-friendly on smaller screens.

Screenshots

Environment:

• Host OS:
• Browser:

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[pukarlamichhane]

@Ashparshp sir can I work on this issue and plz assigned this issue to me

[Ashparshp]

@pukarlamichhane Go ahead!