Page Header Section Content Overflow on Narrow Screens

[ashparshp]

Description

When the viewport width is less than 788px, the content in the page-header-section overflows out of the container. This causes layout issues and negatively affects the user experience on smaller screens.

Steps to Reproduce

1. Navigate to: https://layer5.io/community/handbook/recognition
2. Resize the browser window to a width less than 788px.
3. Observe the page-header-section content overflow.

Expected Behavior

The content should stay within the container boundaries on all screen sizes.

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.

[preyanshu]

@Ashparshp i would like to work on this

[ashparshp]

@Tharanishwaran, Intrested?

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale[bot]]

This issue is being automatically closed due to inactivity. However, you may choose to reopen this issue.

[stale[bot]]

This issue is being automatically closed due to inactivity. However, you may choose to reopen this issue.