Improve Mobile Responsiveness of the Layer5 Community Handbook

[yash37158]

Description

The layout of the "Repository Overview" page (and the entire Handbook section) breaks on smaller screens, causing usability issues for mobile and tablet users. Elements on the page are not scaling correctly, making the content difficult to view and navigate.

Expected Behavior

The page and the entire Handbook should be fully responsive, with the layout adapting smoothly to various screen sizes (mobile, tablet, and desktop). All content should be easily readable and navigable on smaller devices without breaking or overlapping.

Screenshots

Environment:

• Host OS: Mac
• Browser: Chrome

---

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.