Container queries without the rewrite: a seven-day migration
Swapping every media query in one afternoon is why teams abandon container queries. Here is the slower path that gets you there with your sprint intact.
What to use, what to drop, and the browser support behind both. Layout, cascade layers, and the occasional trick we needed to bury.
Swapping every media query in one afternoon is why teams abandon container queries. Here is the slower path that gets you there with your sprint intact.
Layers fix specificity wars. They do not fix a design system with no opinions.
Not "grid, but nested". Subgrid replaces the hacks you wrote to line up things that are not siblings.
Animate the wrong property and every frame re-measures the page. Animate the right one and the compositor handles it alone.
Year one is components. Year two is everything the components could not predict, which is where systems die.
One property that tells the browser to skip work for anything off screen. The numbers are good, and the caveats are real.
If dark mode doubled your CSS, the problem was never dark mode. It was that your colours were never tokens.
Writing margin-inline-start instead of margin-left costs nothing today and saves a month the first time somebody asks for Arabic.