layer5io / layer5io/layer5

[UI] Fix responsive layout issue on iPad Air viewport

Open
#8,042 1 comment 0 reactions 1 assignee View on GitHub

@superezzdev is already working on this.

Since Sep 15, 2026.

framework/gatsby help wanted kind/bug
Dominant language
JavaScript
Stars
1.1k
Forks
1.6k
Avg merge
2d 10h
Merged PRs (30d)
18

Description

Description

The Meshery page has a responsive layout issue when viewed at the iPad Air viewport (820 × 1180).

At this viewport width, the testimonial section does not adapt correctly to the available space. The testimonial text and the author's image/name become cramped, resulting in an inconsistent/broken layout.

Since iPad Air uses a relatively wide tablet viewport, the page should provide a properly responsive layout at this breakpoint.

Expected Behavior

The Meshery page should remain properly responsive and visually aligned on iPad Air (820 × 1180).

The testimonial content, author image, divider, and author information should have sufficient spacing and should not become compressed or overlap.

Screenshots

The issue can be reproduced using Chrome DevTools with the iPad Air device preset:

Image

Viewport:
820 × 1180

Environment:
  • Host OS: macOS
  • Browser: Google Chrome
  • Device/Viewport: iPad Air (820 × 1180)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.