One
Short.
How to use this page.
Check 320, 360, 375, 390 and 414px phone widths, then 768, 1024 and 1440px. Also review 200%, 300% and 400% browser zoom/reflow. No Laboratory media queries are loaded.
Batch 1 width checklist
320px360px375px390px414px768px1024px1440px
At every width, check for unintended horizontal page scrolling, clipped text, overlapping controls, broken wrapping and unreachable actions. At high browser zoom, the same content must reflow rather than requiring two-dimensional page scrolling.
Responsive layouts
Watch these real FG UI primitives collapse and wrap.
Two with longer text
More content to test height and wrapping.
Three
Four
AlphaBeta
Header and navigation
Split and sidebar
Main
Main content should remain readable at narrow widths.
Forms and tables at narrow widths
| Name | Status | Owner |
|---|---|---|
| Long responsive record title | Ready | Christopher |
| Another item | Review | ForGoodTools |