Useful
★ NEW
Flexbox Froggy
Learn CSS flexbox by writing code that guides frogs onto their lily pads. Twenty-four levels turn layout rules into small, satisfying puzzles.
VISIT WEBSITE
LIVE!
FEATURES
CSS
Coding
Puzzles
Education
Interactive
QUICK INFO
Category: Useful
Status: Live & Working
Cost: Free to Use
OUR RATING
ABSOLUTELY AMAZING!
WHY WE'RE OBSESSED
Changing the CSS moves the frogs immediately, giving abstract alignment rules a very literal destination.
The lessons build from simple positioning to trickier arrangements. It is easier to remember a property after using it to rescue your layout from a pond.
All 24 levels are free and playable without an account. The creator links to other games, but you do not need to buy anything to finish this one.
READY TO EXPLORE?
Don't just take our word for it. Experience Flexbox Froggy yourself!
VISIT FLEXBOX FROGGY★ MORE USEFUL WEBSITES
