Breakpoints in Responsive Design: What & Why

Summary: Breakpoints determine when a webpage may adjust to different layouts. They help designers (and developers) maintain layout consistency across multiple screen sizes, orientations, and devices.

Related Article

Breakpoints in Responsive Design

Breakpoints determine when a webpage may adjust to different layouts. They help designers (and developers) maintain layout consistency across multiple screen sizes, orientations, and devices.

Video Author

Kelley Gordon is a former NN/G employee who published widely-used guidance on visual design, design specs and the designer-developer relationship, and the fundamentals of UI components including buttons, icons, and grids.

Learn More

Subscribe to the weekly newsletter to get notified about future articles.

Videos