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 m…


This content originally appeared on DEV Community and was authored by Sarah Qym

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


This content originally appeared on DEV Community and was authored by Sarah Qym


Print Share Comment Cite Upload Translate Updates
APA

Sarah Qym | Sciencx (2022-01-26T17:01:16+00:00) Flexbox Froggy for CSS (a fun way to learn flexbox). Retrieved from https://www.scien.cx/2022/01/26/flexbox-froggy-for-css-a-fun-way-to-learn-flexbox/

MLA
" » Flexbox Froggy for CSS (a fun way to learn flexbox)." Sarah Qym | Sciencx - Wednesday January 26, 2022, https://www.scien.cx/2022/01/26/flexbox-froggy-for-css-a-fun-way-to-learn-flexbox/
HARVARD
Sarah Qym | Sciencx Wednesday January 26, 2022 » Flexbox Froggy for CSS (a fun way to learn flexbox)., viewed ,<https://www.scien.cx/2022/01/26/flexbox-froggy-for-css-a-fun-way-to-learn-flexbox/>
VANCOUVER
Sarah Qym | Sciencx - » Flexbox Froggy for CSS (a fun way to learn flexbox). [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/01/26/flexbox-froggy-for-css-a-fun-way-to-learn-flexbox/
CHICAGO
" » Flexbox Froggy for CSS (a fun way to learn flexbox)." Sarah Qym | Sciencx - Accessed . https://www.scien.cx/2022/01/26/flexbox-froggy-for-css-a-fun-way-to-learn-flexbox/
IEEE
" » Flexbox Froggy for CSS (a fun way to learn flexbox)." Sarah Qym | Sciencx [Online]. Available: https://www.scien.cx/2022/01/26/flexbox-froggy-for-css-a-fun-way-to-learn-flexbox/. [Accessed: ]
rf:citation
» Flexbox Froggy for CSS (a fun way to learn flexbox) | Sarah Qym | Sciencx | https://www.scien.cx/2022/01/26/flexbox-froggy-for-css-a-fun-way-to-learn-flexbox/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts