Flexbox Froggy

by Thomas Park · Learning · Open source

CheckedBrowser

Free

Plays in your browser, on computers and phones.

Guide frogs to their lilypads by writing real CSS flexbox code.

Help Froggy and friends reach their matching lilypads by writing modern CSS layout rules. Type flexbox properties into the code editor to manipulate the positions of the frogs on screen. Progress through increasingly challenging levels that introduce key flexbox alignment and distribution concepts.

How to play

Keyboard
Phone and computer

Plays by touch on phones, and with a keyboard or mouse on computers.

Click inside the game first so it gets your keys. Your progress is saved in this browser.

Credits

Made by: Thomas Park
Code: MIT License
Source: github.com/thomaspark/flexboxfroggy

Created by Thomas Park, with translations by the community. Code under the MIT License; images by Thomas Park under CC BY 3.0.

Ratings and comments

No reviews yet. Anyone who plays it on GamesXi while signed in can review it a day later.

More games

See all