A card grid that goes from four columns to two to one has always meant three breakpoints, chosen by guessing at device widths rather than at the content.…
A stylesheet in the head blocks rendering until it has loaded, and a script without defer blocks parsing until it has executed. Both are correct behaviour and both…
Animating top or left makes the browser recompute layout on every frame, then repaint, then composite. Animating transform skips the first two — the element is already painted…
position: sticky works or does nothing, with no error and no warning. Nearly always the cause is an ancestor rather than the element itself. The overflow rule is…
100vh is defined against the viewport with the browser chrome hidden. On iOS Safari the address bar is visible until the user scrolls, so a full-height hero is…
:nth-child(2) means “the second child, and only match if it is also this element type”. :nth-of-type(2) means “the second one of this element type among its siblings”. They…