CSS Battle

Let's design with code!

Here is my solutions for some problems on cssbattle.dev. Maybe this is not the best solution, but it's work!

Some problems may be skipped for some reason.

Scoring

I make this solutions for better understanding and readability. So, if you want to get a higher score, you need to change the class name with a minimal character.

Battle #1 - Pilot Battle

• #1 - Simply Square
• #2 - Carrom
• #3 - Push Button
• #4 - Ups n Downs
• #5 - Acid Rain
• #6 - Missing Slice
• #7 - Leafy Trail
• #8 - Forking Crazy
• #9 - Tesseract
• #10 - Cloaked Spirits
• #11 - Eye of Sauron
• #12 - Wiggly Moustache

Battle #2 - Visibility

• #13 - Totally Triangle
• #14 - Web Maker Logo
• #15 - Overlap
• #16 - Eye of The Tiger
• #17 - Fidget Spinner
• #18 - Matrix

Battle #3 - Cursor

• #19 - Cube
• #20 - Ticket

Battle #4 - Display

• #21 - SitePoint Logo
• #22 - Cloud
• #23 - Boxception
• #24 - Switches
• #25 - Blossom
• #26 - Smiley
• #27 - Lock Up
• #28 - Cups & Balls

Battle #5 - Inline

• #29 - Suffocate
• #30 - Horizon

Battle #6 - Conic

• #31 - Equals
• #32 - Band-aid

Battle #7 - Backface

• #33 - Birdie
• #34 - Christmas Tree (Skipped)
• #35 - Ice Cream
• #36 - Interleaved
• #37 - Tunnel
• #38 - Not Simply Square
• #39 - Sunset
• #40 - Letter B
• #41 - Fox Head

Battle #8 - Transition

• #42 - Baby (Skipped)
• #43 - Wrench
• #44 - Stripes

Wait for other solutions...