CSSBattle
Recreate target images with as little CSS as possible
On CSSBattle, you see a target image and try to recreate it with CSS. Shorter code earns a higher score, so once your result looks right, you keep looking for smaller and smarter ways to write the same thing.
Free · Browser · New puzzle daily · Intermediate
About CSSBattle
There is a new daily target, plus live battles and rooms hosted by other players. It is a fun way to practise CSS layout, shapes and positioning, and it suits intermediate developers who already know the basics.
It runs in the browser. The site has sign-in, but it was not clear which features need an account.
On Breakpoint since 23 Oct 2026.