The idea
A single @media rule can restyle many selectors at once. One breakpoint can widen a header, a sidebar and a main area together, so a whole layout responds to the same threshold.
Validated at 420px and 700px — all three elements change together at the breakpoint.