Flexbox Froggy

Learn CSS flexbox, rescue frogs

★ 89 👁 512.7K plays Puzzle

Your game starts in 5…

About Flexbox Froggy

Play Flexbox Froggy online free. Learn CSS flexbox by rescuing cute frogs across 24 levels. Write real layout code to hop frogs onto lilypads. The most fun way to learn web layout.

🎮 Controls

Keyboard: type CSS code into the editor.

📖 How to play

Read each level goal, then type flexbox CSS to position the frogs on their lilypads. Submit to test. Correct code advances you to the next pond.

Flexbox Froggy - Frequently Asked Questions

Is Flexbox Froggy free to play?

Yes. Flexbox Froggy is completely free to play online in your browser with no download or sign-up required.

How do I play Flexbox Froggy?

Read each level goal, then type flexbox CSS to position the frogs on their lilypads. Submit to test. Correct code advances you to the next pond. Controls: Keyboard: type CSS code into the editor.

Can I play Flexbox Froggy on mobile?

Yes. Flexbox Froggy runs on phones and tablets as well as desktop browsers, with touch controls where supported.