DEV Community

Cover image for Flexbox Froggy for CSS (a fun way to learn flexbox)
Sarah Qym
Sarah Qym

Posted on

Flexbox Froggy for CSS (a fun way to learn flexbox)

So, recently I've been getting into learning CSS box model and flexbox and I came across this amazing little website.

Introducing Flexbox Froggy!

Flexbox Froggy is a free-to-play, interactive browser game that teaches you how to align and move flex boxes around on your webpage.

The game consists of 24 coding lessons to get you to help move little frogs onto their respective lilypad.

Froggy on a lilypad

I personally love websites like these that teach coding through interactive games (bonus if it includes little characters).

Let me know what resources you find helpful for learning flexbox!

happy coding

Top comments (0)