Flexbox Froggy
Write flexbox CSS to guide frogs onto lily pads
In Flexbox Froggy, you help frogs reach their lily pads by writing CSS. Each level gives you a short task, and you type flexbox properties such as justify-content or align-items to move the frogs into place.
Free · No login · Browser · Beginner
About Flexbox Froggy
Over 24 levels you practise the main flexbox properties, including direction, order, wrapping and alignment. It is made for beginners, and harder settings remove the instructions or shuffle the levels for more practice.
It runs in the browser, is available in many languages, and has a colour-blind mode.
On Breakpoint since 23 Oct 2026.