Grid layouts and responsive pages, tuned to the reference browser
Three fidelity fixes for the modern layout web, each traced to a single rule by rendering real pages beside the reference browser. Pages that swap their styling at screen-size breakpoints, which is nearly every site today, now report the correct styles to their own scripts for the actual window size: before, a script that asked the browser what an element's computed style was got the answer for an impossibly wide screen, so responsive menus, charts and widgets that branch on that could arrange themselves for the wrong breakpoint. Grids built like a newspaper front page keep their columns even, where a headline spanning several equal columns used to secretly widen the ones it covered and push a sidebar wider than the main story. And when a grid centers or right-aligns its items, the item's own margins are now counted as part of it, so a block meant to sit centered with a small side margin no longer drifts off by that margin and drags a whole column structure with it. Every fix is general and checked by the automatic pixel comparison against the reference browser. Pages that did not use these patterns are unchanged.