[UI] Fix responsive layout issue on iPad Air viewport
@superezzdev is already working on this.
Since Sep 15, 2026.
- 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:
Viewport:
820 × 1180
Environment:
- Host OS: macOS
- Browser: Google Chrome
- Device/Viewport: iPad Air (820 × 1180)
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.