Flexbox Froggy
GameA game that teaches flexbox by moving frogs onto lily pads.
Flexbox Froggy is a browser game for learning CSS flexbox by Codepip. You write flexbox CSS to move frogs onto their lily pads.
It has beginner, intermediate (no directions) and expert (random levels) modes, a colourblind mode, and many languages. The code is on GitHub under MIT, with images under CC BY 3.0.
Good for
- Learn flexbox alignment properties by playing
- Test yourself in the no-directions modes
- Give beginners a fun first look at flexbox
flexbox
