Home › Layout & Spacing › Breakpoint
Breakpoint
A screen width where the layout changes.
A breakpoint is the point where your layout switches form. At 768px, three columns might collapse into one. At 1200px, the sidebar appears. Each breakpoint is a deliberate design decision.
Modern designs are mobile-first — start with the smallest layout and add breakpoints as the screen grows. This keeps the foundation simple and prevents over-engineering.