Why it matters
Users who zoom in or use narrow viewports need content to reflow without horizontal scrolling, which is disorienting.
Common violations
- Fixed-width layouts that require horizontal scrolling
- Tables that overflow their containers
- Two-dimensional scrolling required at 400% zoom
- Content cut off or hidden at narrow widths
Code examples
Bad
<div style="width: 1200px; overflow: hidden">...</div>Good
<div class="max-w-full overflow-x-auto">...</div>How to fix
Use responsive layouts with relative units, allow tables to scroll horizontally within containers, and test at 320px viewport width.
Related criteria
Related resources
Scan your site