Start over-engineering your CSS
summary
Two lines of CSS sparks a backlash but leads to concrete wins: using Min() with a 100% fallback fixes overflow without media queries, locally scoped custom properties expose only the knobs people actually change, a named grid lines breakout system builds full‑width, pop‑out and narrow regions without extra wrappers, sometimes subgrid is not required and a calc inside media queries trick yields column counts driven by min column size; prototypes grow into a generator that works and ships.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:38Over-engineering in CSS
- 8:58Modern CSS patterns
- 18:32Wrapper with grid lines
- 28:41Breakout layouts with grid
- 34:17Auto-fit and column layouts
- 41:36Embracing complexity
- 44:24Q&A
