Flexbox Froggy


Help Froggy and friends by writing CSS code! In this game, you must bring the frogs home to their lilypads by mastering CSS flexbox, a powerful new module that makes layout a breeze. With it you can control alignment, spacing, and wrapping of elements on the webpage using only one or two lines of code.

Learning Objectives

Introduce the fundamentals of using CSS flexbox to position elements on a webpage.


For beginners of CSS flexbox. Familiarity with the basics of CSS is a plus but not required.

More Games

Get the latest updates

Enter your email to hear about new games and exclusive offers.

You can unsubscribe at any time.