Build Assets
Checklist
Responsive Breakpoints
All layouts tested and functional at mobile (375px), tablet (768px), and desktop (1280px+).
Platform: webTags: responsive, mobile, breakpoints, layout
Check
Every page tested at 375px (iPhone SE), 768px (iPad), and 1280px+. No horizontal scroll at any breakpoint. Touch targets ≥ 44px on mobile. Navigation accessible on all sizes.
Why This Matters
Mobile-first forces good reduction decisions. A layout that works at 375px will work everywhere. Breakpoints discovered late are expensive to fix — they require layout redesign, not just tweaks.
Category
Layout
Priority
critical
How to Verify
Open DevTools Device Toolbar. Test at 375px, 768px, 1024px, 1440px. Check: no horizontal scroll, no text overflow, all interactive elements tappable, navigation usable.