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!

[Shubhf]

Hey @ashparshp Can I take up this issue?

[ashparshp]

@jay270804, Maybe you can go ahead with it?

[jay270804]

@ashparshp I will try to do my best on the issue !
Thanks for helping.

[ashparshp]

@jay270804, Thanks!

[jay270804]

@ashparshp When i tried to run the website for the first time using make setup and make site, the project worked perfectly.

But now when I am trying to run it again using the make site, it is getting stuck at "extracting queries from Components" - can you please give me a solution? I even cleared cache files but the issue is still prevailing.

Edit: Nvm its resolved :)