← DictionaryBreakpoint
A screen width at which a layout changes to a different arrangement.
The width where the layout switches.
What It Is
In the BWH map, Breakpoint lives under Website — Layout. Stated plainly: a screen width at which a layout changes to a different arrangement.
It is a label with a settled working definition, so the value is in using it the same way every time. Keep it that plain and it will still be true in twelve months.
How It's Used
In practice, Breakpoint shows up in site builds, page structure and the technical decisions underneath them. It normally appears alongside Responsive Design, Viewport and Mobile-First. The practical test is whether everyone in the room means the same thing by it.
Why It Matters
Breakpoint is one of those items that only becomes visible when it is missing. When it is unclear, the site still launches — it just quietly underperforms. Clarity here removes a surprising amount of downstream argument.
Picture a word everyone in the room has agreed to use the same way. The width where the layout switches.
Termshift™
How the meaning shifts depending on who is using it, and where.
Professionally, Breakpoint carries the narrow meaning: a screen width at which a layout changes to a different arrangement.
Explained to someone with no marketing background, Breakpoint is the width where the layout switches.
The Bottom Line
Keep Breakpoint plain: the width where the layout switches. That is the version that holds up in a real project.