Flexbox Froggy

Saadiyah
2 min readMar 2, 2021

Lately I stumbled upon Flexbox Froggy; an awesome way to learn about flex properties that helps in setting the flexible lengths on the flexible items while coding in html+CSS. The link goes as follows: https://flexboxfroggy.com/Flex

It’s a cute frog game where on has to write a simple flex code to put the frog on the lilly.

The game does not proceed ahead if the code is wrong, and shows the placement of frogs real-time as we code, as follows:

So when we get the code right, only then the game will proceed,

Having a series of twenty-four games, it starts from the easiest and goes to the hardest. This is a fun way to learn how to apply flex on different scenarios and learn along the way. I totally recommend this one for a fun learn on the go. Also, the frogs are kind of cute ☺.

--

--