What Actually Counts as a Breakpoint
A layout's margin grows from 16px to 24px as the viewport widens.
Per this subject's definition, does that change count as a breakpoint?
The correct answer is "No — a breakpoint changes the layout's structure, not just proportions."
This subject defines a breakpoint precisely: a viewport width at which the layout's structure changes — which components are visible, how content is grouped, how many columns exist — not just its proportions. Changing a margin from 16px to 24px as the viewport grows is explicitly called out as not a breakpoint in the structural sense; collapsing a 3-column layout into one column, or swapping a horizontal nav for a hamburger menu, is.
The distractors broaden or misapply the definition: treating "any CSS value change at a specific width" as a breakpoint would make nearly every fluid, continuously-scaling property a breakpoint, which erases the actual distinction this subject draws; restricting it to only mobile changes isn't the stated criterion — a structural change at a desktop-to-ultrawide width would count just as much; and breakpoints aren't scoped only to color/typography — the definition is explicitly about layout structure, of which color and type are not examples at all.
Share this question