Froggy Flex

Froggy Flex teaches CSS Flexbox through 24 interactive puzzles. Write real flex styles in an in-app editor to guide colorful frogs onto their lilypads — no setup, no browser, just hands-on layout practice on your phone.

Perfect for students learning web layout, bootcamp grads brushing up, and working developers who want a quick flex refresher on the go.

Features
• 24 progressively harder levels covering justify-content, align-items, flex-direction, flex-wrap, order, flex-grow, align-self, and more
• Live code editor with instant visual feedback
• Plain-English explanations for every property
• Offline — works anywhere, no account required
• Clean, distraction-free interface