Flexbox Froggy

flexboxfroggy.com

A game for learning CSS flexbox

Visit
Flexbox Froggy screenshot
/ About /

Flexbox Froggy is an interactive browser-based game that teaches CSS flexbox layout through fun frog-themed puzzles. Players write real CSS flexbox properties to guide frogs onto lily pads across multiple levels. It is created by Codepip and is free to play directly in the browser.

/ How it works /

Players type CSS flexbox properties into a code editor to position frogs on lily pads, progressing through increasingly complex levels.

/ Who it's for /

web developers and beginners learning CSS layout

/ More info /

Background.

Status
launched
Business model
free
Company
Codepip
/ Discovered patterns /

Similar projects.

Coming soonSpektrail’s read on Education & Learning

Editorial take on the space this project sits in — momentum signals, adjacent moves, our call on whether the wedge is real. Get pinged when we publish a new read or when the landscape shifts.

Coming soon

Have a take on this space?

Tell us what you’d build differently, where you think the incumbents miss, or what we’ve gotten wrong about this project. Comments + reactions are coming soon.