CSS Battle

cssbattle.dev

Visit Website

A coding game where you recreate a target image using as little CSS as possible, with daily battles, practice targets and leaderboards.

Why it is useful

Turns CSS practice into a puzzle. Having to match an exact picture in the fewest characters forces you to learn selectors, positioning and shorthand properties you would otherwise skip. Good for beginners and for experienced developers who want a quick daily challenge.