Grid Attack
Write CSS Grid code to help Rey rescue her brother from demons
Grid Attack is a story game that teaches CSS Grid. A demon has kidnapped an elf named Luke, and you help his sister Rey rescue him. In each level you write CSS so the layout on screen matches what the game asks for, and that is how you defeat the demons.
Free · Browser · Intermediate
About Grid Attack
There are 80 coding levels in easy, medium and hard modes, plus 40 layouts based on real projects. They cover grid-template-columns and rows, the fr unit, repeat(), gap, grid areas, minmax(), auto-fill and auto-fit, and the alignment properties. It suits people who know some CSS and want to learn Grid in depth.
It runs in the browser and is made by Coding Fantasy. It is a paid game with a 30-day refund policy. The page does not show the price.
On Breakpoint since 23 Oct 2026.