Flexbox Zombies
Write flexbox code to aim your crossbow and survive the zombies
Flexbox Zombies is a story course that teaches CSS flexbox. You write real flexbox code to line up your crossbow and shoot zombies, and each chapter moves the story forward. The challenges get harder as you learn new properties, and the course ends with a boss battle.
Free · Browser · Beginner
About Flexbox Zombies
The twelve chapters cover flex-direction, justify-content, align-items, align-self, flex-grow, flex-shrink, flex-basis, order, flex-wrap, align-content and the flex shorthand. It suits beginners, and anyone who keeps forgetting how flexbox works.
It runs in the browser and is free. It was made by Dave Geddes as part of Mastery Games, which also makes Grid Critters.