search

layer5io / layer5

Layer5, expect more from your infrastructure
https://layer5.io
Apache License 2.0
834 stars 1.11k forks source link

Page Header Section Content Overflow on Narrow Screens #5624

Open Ashparshp opened 1 week ago

Ashparshp commented 1 week ago

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

Less than 789px

Environment:

Contributor Resources and Handbook

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

Join the Layer5 Community by submitting your community member form.

preyanshu commented 1 week ago

@Ashparshp i would like to work on this