Content hidden on small screen devices (tablet and mobile)

[Katotodan]

Description:
On larger screens (desktop and large tablets), the content on the following page displays correctly:
https://layer5.io/cloud-native-management/meshery

However, on smaller screens (viewport width < 800px), there is a display issue in the section titled “Manage your clusters with features you won’t find anywhere else.”
On small screens in general, all content appearing after this section disappears.
When testing specifically on an iPhone X, only the content within this section is hidden, while the sections that follow remain visible.

Environment tested:
MacBook Pro 2019 (Safari browser)
iPhone X (Safari browser)
Screenshots:

Large screen:
Normal behavior

Small Devices

Note: When reaching this section, is like we can't scroll anymore.

Iphone

Note that on iPhone the content after that section shows after a long scroll.

Desired Situation

Making the all the elements visible on small screen as well.

---

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.

[Katotodan]

I would like to work on this, if possible

[saurabhraghuvanshii]

Thanks @Katotodan one thing you can't face this issue on local dev it's on production. So you have to push commits and preview on pr

[saurabhraghuvanshii]

@Katotodan please fix it soon because it urgent issue