Froggy Flex

Master CSS Flexbox in minutes — 24 hands-on puzzles, zero setup.

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