Grid Layout: CSS is Awesome
summary
Built interactive games (flexboxzombies.com, gridcritters.com) teach CSS Grid and flexbox, with live CodePen demos that actually run. Shows practical CSS: rotate elements 45°, use grid-gap and align‑items center, and a concrete layout example of a six-column grid with 24 rows that maps to real UI. Claims thousands of learners improved by repeated short practice plus sleep, demonstrates surprising grid effect and uses gridcritters exercises to make skills stick.
AI-written summary · about
chapters (8)
- 0:00Start
- 1:10Flexbox Zombies
- 1:30Grid Critters
- 3:18Baader-Meinhof phenomenon
- 4:21Robert Stickgold
- 4:37Tetris Effect
- 6:24Procedural Memory
- 7:12Formula
