Learning CSS Layout with Flexbox Froggy – Thomaspark

Thomaspark created a game for learning CSS flexbox called Flexbox Froggy. The goal of the game is to help the frogs get to their lilypads by writing CSS code. See if you can beat all the levels!

Flexbox Froggy

Flexbox Froggy takes inspiration from the classic arcade game Frogger, and web literacy games like the brilliant CSS Diner and Erase All Kittens, where you learn about CSS selectors and…

I’ve created a coding game called Flexbox Froggy to help you brush up on flexbox. If you haven’t heard yet, flexbox is a powerful new CSS module for positioning that’s available in browsers today, and that will debut in the next major update to Bootstrap. So you’ll want to get familiar with it asap.