Changing The Layout Game
summary
Shows concrete moves from hacked layouts to modern features with examples: Grid with fr and minmax replaces 60+ lines of framework code with a few declarations; an audit finds an average of 264 media queries across 50 popular sites; component sizing experiments use ResizeObserver setting CSS variables to inject element width/height into CSS (works as a prototype but is experimental and browser-limited). Covers Flexbox wrap and auto-fit, quantity‑query hacks, and embedding a picture inside an SVG to mimic container queries.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 2:20History of Layout
- 8:54Grids
- 15:24Element Queries
- 17:08Flexbox
- 20:15Images
- 24:55Resize Observer
