The best-known CSS learning game: position frogs on lily pads using flexbox properties, with each level introducing one new property.
Genuinely internalizing justify-content, align-items, and the rest of flexbox by using them, not memorizing them.
Anyone learning CSS layout for the first time, designers included, not developers alone.
24 levels, roughly 30-45 minutes start to finish.
Position frogs on lily pads to learn CSS flexbox through progressive coding puzzles.