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