CSS Battle is a fun way to solve some CSS puzzles. There are many ways to solve a CSS battle problem and certain ways that are better than mine. The point is having fun and not worrying about the characters or the properties used. You can also make use of Unicode solutions which are mostly used as the top solution in many CSS battles. Having said that, I won’t recommend learning CSS for professional work through these solutions as you will rarely encounter them in a professional setup. You can check MDN, CSS Tricks or my other page: mini projects to learn some CSS skills for frontend development.

August 21, 2022
/ CSS Battle
#122 – Tetris

August 21, 2022
/ CSS Battle
#121 – Duck Hunt

August 13, 2022
/ CSS Battle
#120 – Tank

August 13, 2022
/ CSS Battle
#119 – Pacman

August 5, 2022
/ CSS Battle
#118 – Donkey Kong

August 5, 2022
/ CSS Battle
#117 – Arineo

August 5, 2022
/ CSS Battle
#116 – Headphones

August 5, 2022
/ CSS Battle
#115 – Droplet

August 5, 2022
/ CSS Battle
#114 – Negative Box

August 5, 2022
/ CSS Battle
#113 – Black Light

August 5, 2022
/ CSS Battle
#112 – Chevron

August 5, 2022
/ CSS Battle
#111 – Rain Drops

August 5, 2022
/ CSS Battle
#110 – Sunrays

August 5, 2022
/ CSS Battle
#109 – Curtain

August 5, 2022
/ CSS Battle
#108 – Clow Card

August 5, 2022
/ CSS Battle
#107 – Sealing Wand

August 5, 2022
/ CSS Battle
#106 – Ryuk’s Apple

August 5, 2022
/ CSS Battle