Drew Ink The year

Breakpoint

A width at which a layout changes shape, chosen from where the content stops working rather than from a list of device sizes.

Breakpoint: a drawn diagram with the breakpoint marked in vermilion.
Breakpoint, drawn, Drew Ink. Drawn 2026-09-10.

Near it

ResponsiveFluid typeContainer querySafe area

What it is made of

chosen badlyat a named device, so the layout is right on that phone and wrong on the next one
chosen wellwhere the CONTENT breaks, found by narrowing the window until it does
measured on our own sitethere are 2 breakpoints in the whole of drewink.com, both max-width, at 34.1875rem and 43.1875rem, which is 547px and 691pxmeasured on ink.css, which is the whole of this site's CSS: one stylesheet, 95 rules, 2 media queries. Two is not a target and it is not a boast; it is what a site needs when the type is fluid, because a ramp that scales continuously has nothing to step at
and the larger of the two was bisected on 2026-09-11, which is how one is foundthe first bisection returned 612px and was wrong: it asked whether the bar stayed one row and whether the page scrolled sideways, and both were true at 612 while one nav item sat on top of the wordmarka nowrap flex item overflows its shrunken box in SILENCE, so neither question could see it. The test that held asked what was actually wanted: does every link clear the brand and the button by a real gap