Flex Freight: learn flexbox by moving crates

Flex Freight is a CSS game: write real flexbox CSS to move crates onto their spots on a loading dock, in 32 puzzles. Free to play.

How to play

1. Read the puzzle: it says where the crates need to go, and spots painted on the dock show it.
2. Type CSS in the editor. The dock changes as you type, so you see what each property does.
3. A property the puzzle doesn't use is crossed out. Stuck? Open a hint, and after three tries, Show me fills in the answer.
4. Every crate on its spot solves the puzzle. The 32 puzzles go from display: flex to wrapping and sizing.

Free for everyone. Play as a guest and nothing is saved; registration is free and keeps track of your stats and progress.

Start puzzle 1

Every game