Design Responsive Breakpoints as Decisions
Layout & Responsive · responsive
Updated 2026-07-28
- Breakpoints are not device sizes. They are moments when the design stops working.
- Add a breakpoint when:
- Content becomes crowded.
- Navigation breaks.
- Text becomes unreadable.
- Decide what changes:
- Layout.
- Navigation.
- Components.
- Content priority.
- Do not simply shrink desktop layouts.
- Responsive design is about adapting the experience, not reducing the size.
Related guides
UX Handbook