CSS Battle presents a target image and challenges you to recreate it using the fewest characters of CSS possible. You write HTML and CSS in the browser and see your result next to the target. The score is based on how closely you match the image and how short your code is. Leaderboards track the best solutions.

It is a niche but addictive way to practice CSS. Solving the puzzles requires a deep understanding of how properties interact, and the character limit forces you to think creatively. Developers who participate regularly report that it sharpens their ability to write concise, effective CSS. It is free and does not require an account to try the daily challenges.