A specific screen width at which a website's layout changes, for example switching from a three-column desktop view to a single stacked column on a phone.
Synonyms
None recorded.
Related terms
In plain words
- the screen size where the layout switches
- the point where columns start stacking
Usage example
They set a breakpoint at 768 pixels so tablets would drop to a two-column grid.
Don't confuse with…
- media queryA breakpoint is the width where the change happens; a media query is the code rule that makes the change at that width.
Categories
- Responsive & adaptive design