Grid Critters
Learn CSS Grid by writing real code in a story course
Grid Critters is a story course that teaches CSS Grid. You write real CSS to solve each challenge, and an interactive story runs through the whole course, with a final chapter that ends the story.
Paid · Browser · Intermediate
About Grid Critters
The ten chapters go from track sizing and gaps to alignment and the grid shorthand. The course uses spaced repetition, so ideas come back over time and stay in your memory. It suits people who know basic CSS and want to learn Grid properly.
It runs in the browser. It is a paid course with lifetime access. It was made by Dave Geddes, who also made Flexbox Zombies.
On Breakpoint since 23 Oct 2026.