CSSBattle

• Profile: @felipeog
• Progress: 250/250

Battles and targets

Battle #1 - Pilot Battle

• Description: First ever battle of CSSBattle. 12 fun warm-up targets to play and climb the leaderboards.
• Progress: 12/12

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

Battle #2 - Visibility

• Description: 6 targets unlock across 3 weeks. Recreate them in the smallest possible CSS code and climb the leaderboards.
• Progress: 6/6

Complete	Target	Solution	Preview
✅	Target #13 - Totally Triangle	Solution	Preview
✅	Target #14 - Web Maker Logo	Solution	Preview
✅	Target #15 - Overlap	Solution	Preview
✅	Target #16 - Eye of the Tiger	Solution	Preview
✅	Target #17 - Fidget Spinner	Solution	Preview
✅	Target #18 - Matrix	Solution	Preview

Battle #3 - Cursor

• Description: First ever mini-battle. 48 hours, 2 Targets. Some intense CSS golfing.
• Progress: 2/2

Complete	Target	Solution	Preview
✅	Target #19 - Cube	Solution	Preview
✅	Target #20 - Ticket	Solution	Preview

Battle #4 - Display

• Description: 8 targets unlock across 3 weeks. Recreate them in the smallest possible CSS code and climb the leaderboard!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #21 - SitePoint Logo	Solution	Preview
✅	Target #22 - Cloud	Solution	Preview
✅	Target #23 - Boxception	Solution	Preview
✅	Target #24 - Switches	Solution	Preview
✅	Target #25 - Blossom	Solution	Preview
✅	Target #26 - Smiley	Solution	Preview
✅	Target #27 - Lock Up	Solution	Preview
✅	Target #28 - Cups & Balls	Solution	Preview

Battle #5 - Inline

• Description: 48 hours, 2 Targets and some intense CSS golfing.
• Progress: 2/2

Complete	Target	Solution	Preview
✅	Target #29 - Suffocate	Solution	Preview
✅	Target #30 - Horizon	Solution	Preview

Battle #6 - Conic

• Description: 48 hours, 2 Targets and some intense CSS golfing.
• Progress: 2/2

Complete	Target	Solution	Preview
✅	Target #31 - Equals	Solution	Preview
✅	Target #32 - Band-aid	Solution	Preview

Battle #7 - Backface

• Description: 9 targets unlock across 3 weeks. Recreate them with smallest possible CSS code and climb the leaderboard!
• Progress: 9/9

Complete	Target	Solution	Preview
✅	Target #33 - Birdie	Solution	Preview
✅	Target #34 - Christmas Tree	Solution	Preview
✅	Target #35 - Ice Cream	Solution	Preview
✅	Target #36 - Interleaved	Solution	Preview
✅	Target #37 - Tunnel	Solution	Preview
✅	Target #38 - Not Simply Square	Solution	Preview
✅	Target #39 - Sunset	Solution	Preview
✅	Target #40 - Letter B	Solution	Preview
✅	Target #41 - Fox Head	Solution	Preview

Battle #8 - Transition

• Description: 3 fun targets for the weekend 😀
• Progress: 3/3

Complete	Target	Solution	Preview
✅	Target #42 - Baby	Solution	Preview
✅	Target #43 - Wrench	Solution	Preview
✅	Target #44 - Stripes	Solution	Preview

Battle #9 - Margin

• Description: 2 fun targets to flex your muscles for the next big battle 🔥
• Progress: 2/2

Complete	Target	Solution	Preview
✅	Target #45 - Magical Tree	Solution	Preview
✅	Target #46 - Mountains	Solution	Preview

Battle #10 - Block

• Description: 6 targets to battle out over 2 weeks and learn about best practices against Corona Virus 🔥
• Progress: 6/6

Complete	Target	Solution	Preview
✅	Target #47 - Corona Virus	Solution	Preview
✅	Target #48 - Wash Your Hands	Solution	Preview
✅	Target #49 - Stay at Home	Solution	Preview
✅	Target #50 - Use Hand Sanitizer	Solution	Preview
✅	Target #51 - Wear a Mask	Solution	Preview
✅	Target #52 - Break the Chain	Solution	Preview

Battle #11 - Overflow

• Description: 8 targets (2 per week) to battle out over 4 weeks and win some cool rewards!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #53 - Pastel Logo	Solution	Preview
✅	Target #54 - Black Lives Matter	Solution	Preview
✅	Target #55 - Windmill	Solution	Preview
✅	Target #56 - Skull	Solution	Preview
✅	Target #57 - Pillars	Solution	Preview
✅	Target #58 - Rose	Solution	Preview
✅	Target #59 - Earth	Solution	Preview
✅	Target #60 - Evil Triangles	Solution	Preview

Battle #12 - Blend

• Description: 8 targets (2 per week, and a new twist) to battle out over 4 weeks and win some cool rewards!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #61 - ImprovMX	Solution	Preview
✅	Target #62 - Sunset	Solution	Preview
✅	Target #63 - Command Key	Solution	Preview
✅	Target #64 - Door Knob	Solution	Preview
✅	Target #65 - Max Volume	Solution	Preview
✅	Target #66 - Batmicky	Solution	Preview
✅	Target #67 - Video Reel	Solution	Preview
✅	Target #68 - Bell	Solution	Preview

Battle #13 - Clip

• Description: 8 targets (with some open ones!) to battle out over 4 weeks and win some cool rewards!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #69 - PushOwl	Solution	Preview
✅	Target #70 - Froggy	Solution	Preview
✅	Target #71 - Elephant	Solution	Preview
✅	Target #72 - Sheep	Solution	Preview
✅	Target #73 - Happy Tiger	Solution	Preview
✅	Target #74 - Danger Noodle	Solution	Preview
✅	Target #75 - Hippo	Solution	Preview
✅	Target #76 - Beeee	Solution	Preview

Battle #14 - ZIndex

• Description: 4 days, 1 new target everyday 🎯! Ultimate crash course for CSS golfing!
• Progress: 4/4

Complete	Target	Solution	Preview
✅	Target #77 - Notes	Solution	Preview
✅	Target #78 - Ukulele	Solution	Preview
✅	Target #79 - Tambourine	Solution	Preview
✅	Target #80 - Piano	Solution	Preview

Battle #15 - Filter

• Description: 8 targets (with some open ones!) to battle out over 4 weeks and level up your CSS!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #81 - Odoo	Solution	Preview
✅	Target #82 - Diamond Cut	Solution	Preview
✅	Target #83 - Supernova	Solution	Preview
✅	Target #84 - Junction	Solution	Preview
✅	Target #85 - Pythagoras	Solution	Preview
✅	Target #86 - Stairway	Solution	Preview
✅	Target #87 - Building Blocks	Solution	Preview
✅	Target #88 - Tight Corner	Solution	Preview

Battle #16 - Aspect

• Description: Create 8 targets (with some open ones!) over 4 weeks and level up your CSS!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #89 - Summit	Solution	Preview
✅	Target #90 - Eclipse	Solution	Preview
✅	Target #91 - Reflection	Solution	Preview
✅	Target #92 - Squeeze	Solution	Preview
✅	Target #93 - Great Wall	Solution	Preview
✅	Target #94 - Ripples	Solution	Preview
✅	Target #95 - Pokeball	Solution	Preview
✅	Target #96 - Mandala	Solution	Preview

Battle #17 - Christmas 🎄

• Description: This festive season, let's celebrate Christmas with these 4 merry targets and some joyful CSS! 🎄🎅🏼
• Progress: 4/4

Complete	Target	Solution	Preview
✅	Target #97 - Snowman	Solution	Preview
✅	Target #98 - Candle	Solution	Preview
✅	Target #99 - Gift Box	Solution	Preview
✅	Target #100 - CSSBattle	Solution	Preview

Battle #18 - Float

• Description: First battle of the year! Let's get into the CSS art mood with some nice Anime targets!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #101 - Sharingan	Solution	Preview
✅	Target #102 - One Piece	Solution	Preview
✅	Target #103 - Super Saiyan	Solution	Preview
✅	Target #104 - Amegakure	Solution	Preview
✅	Target #105 - Ryuk	Solution	Preview
✅	Target #106 - Ryuk's Apple	Solution	Preview
✅	Target #107 - Sealing Wand	Solution	Preview
✅	Target #108 - Clow Card	Solution	Preview

Battle #19 - Spacing

• Description: 4 weeks full of CSS art! 8 fun targets coming your way!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #109 - Curtain	Solution	Preview
✅	Target #110 - Sunrays	Solution	Preview
✅	Target #111 - Rain Drops	Solution	Preview
✅	Target #112 - Chevron	Solution	Preview
✅	Target #113 - Black Light	Solution	Preview
✅	Target #114 - Negative Box	Solution	Preview
✅	Target #115 - Droplet	Solution	Preview
✅	Target #116 - Headphones	Solution	Preview

Battle #20 - Hover

• Description: 4 weeks full of CSS art! 8 fun targets coming your way in our 20th battle!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #117 - Arineo	Solution	Preview
✅	Target #118 - Donkey Kong	Solution	Preview
✅	Target #119 - Pacman	Solution	Preview
✅	Target #120 - Tank	Solution	Preview
✅	Target #121 - Duck Hunt	Solution	Preview
✅	Target #122 - Tetris	Solution	Preview
✅	Target #123 - Snake	Solution	Preview
✅	Target #124 - Space Invaders	Solution	Preview

Battle #21 - Rotate

• Description: 4 weeks full of crazy letter art! Time to do some CSS art calligraphy.
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #125 - Root Learn	Solution	Preview
✅	Target #126 - Letter A	Solution	Preview
✅	Target #127 - Letter I	Solution	Preview
✅	Target #128 - Letter N	Solution	Preview
✅	Target #129 - Letter B	Solution	Preview
✅	Target #130 - Letter O	Solution	Preview
✅	Target #131 - Letter W	Solution	Preview
✅	Target #132 - Letter S	Solution	Preview

Battle #22 - Grid

• Description: Let’s celebrate the end of the year with some festive targets and some joyful CSS!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #133 - Spiral	Solution	Preview
✅	Target #134 - Wig	Solution	Preview
✅	Target #135 - Spikes	Solution	Preview
✅	Target #136 - Alien Eye	Solution	Preview
✅	Target #137 - Elbow	Solution	Preview
✅	Target #138 - Lotus	Solution	Preview
✅	Target #139 - Lamp	Solution	Preview
✅	Target #140 - Eclipse	Solution	Preview

Battle #23 - Contain

• Description: New year, new rules! Join us in this mini battle to kickstart the year!
• Progress: 2/2

Complete	Target	Solution	Preview
✅	Target #141 - Third Eye	Solution	Preview
✅	Target #142 - Curtains	Solution	Preview

Battle #24 - Offset

• Description: 4 weeks full of CSS art! 8 corner-themed fun targets coming your way!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #143 - Simply Circle	Solution	Preview
✅	Target #144 - Long Heart	Solution	Preview
✅	Target #145 - Spotlight	Solution	Preview
✅	Target #146 - Streaks	Solution	Preview
✅	Target #147 - Splash	Solution	Preview
✅	Target #148 - Eight	Solution	Preview
✅	Target #149 - Earthworm	Solution	Preview
✅	Target #150 - Finger Heart	Solution	Preview

Battle #25 - Flex

• Description: 4 weeks full of CSS art! 8 fun targets coming your way!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #151 - Pawn	Solution	Preview
✅	Target #152 - Rook	Solution	Preview
✅	Target #153 - Checkers	Solution	Preview
✅	Target #154 - Poker Chip	Solution	Preview
✅	Target #155 - Snakes & Ladders	Solution	Preview
✅	Target #156 - Chinese Checkers	Solution	Preview
✅	Target #157 - Monopoly	Solution	Preview
✅	Target #158 - Clubs	Solution	Preview

Battle #26 - Initial

• Description: Time to flex your CSS art skills! 8 fun targets coming your way!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #159 - Portal	Solution	Preview
✅	Target #160 - Donut	Solution	Preview
✅	Target #161 - Converge	Solution	Preview
✅	Target #162 - Upwards	Solution	Preview
✅	Target #163 - Missing Piece	Solution	Preview
✅	Target #164 - Rangoli	Solution	Preview
✅	Target #165 - Pyramid	Solution	Preview
✅	Target #166 - Flow	Solution	Preview

Battle #27 - Relative

• Description: A chill mini battle with 4 targets!
• Progress: 4/4

Complete	Target	Solution	Preview
✅	Target #167 - React India	Solution	Preview
✅	Target #168 - Carpet	Solution	Preview
✅	Target #169 - Abstract Plate	Solution	Preview
✅	Target #170 - Party Hat	Solution	Preview

Battle #28 - Revert

• Description: It's Halloween month! Let's celebrate the festival with some spooky CSS art!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #171 - Pumpkin	Solution	Preview
✅	Target #172 - Crossbones	Solution	Preview
✅	Target #173 - Hockey Mask	Solution	Preview
✅	Target #174 - Witch's Hat	Solution	Preview
✅	Target #175 - Evil Cat	Solution	Preview
✅	Target #176 - Castlevania	Solution	Preview
✅	Target #177 - Frankenstein	Solution	Preview
✅	Target #178 - Candy	Solution	Preview

Battle #29 - Font

• Description: End of year battle. Let's bid adieu to 2023 with some fun CSS flag art!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #179 - Tanzania	Solution	Preview
✅	Target #180 - Kuwait	Solution	Preview
✅	Target #181 - Iceland	Solution	Preview
✅	Target #182 - Bahrain	Solution	Preview
✅	Target #183 - Brazil	Solution	Preview
✅	Target #184 - India	Solution	Preview
✅	Target #185 - South Korea	Solution	Preview
✅	Target #186 - Guernsey	Solution	Preview

Battle #30 - Gradient

• Description: Time to flex your CSS and build some cool CSS art!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #187 - Striped Triangle	Solution	Preview
✅	Target #188 - Icecream Sticks	Solution	Preview
✅	Target #189 - Triangle Hook	Solution	Preview
✅	Target #190 - Power Chip	Solution	Preview
✅	Target #191 - Modern Fence	Solution	Preview
✅	Target #192 - Abstract Firefly	Solution	Preview
✅	Target #193 - Galver	Solution	Preview
✅	Target #194 - Fountain	Solution	Preview

Battle #31 - Opacity

• Description: Time to flex your CSS and build some cool CSS art!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #195 - LookAway	Solution	Preview
✅	Target #196 - Tree	Solution	Preview
✅	Target #197 - Crystal	Solution	Preview
✅	Target #198 - Walls	Solution	Preview
✅	Target #199 - Antenna	Solution	Preview
✅	Target #200 - Lantern	Solution	Preview
✅	Target #201 - Triple Zero	Solution	Preview
✅	Target #202 - Steering Wheel	Solution	Preview

Battle #32 - Animation

• Description: Welcome to the superhero-themed battle! Flex your CSS muscles and let's build some amazing CSS art!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #203 - Wolverine	Solution	Preview
✅	Target #204 - Deadpool	Solution	Preview
✅	Target #205 - Magneto's helmet	Solution	Preview
✅	Target #206 - Punisher	Solution	Preview
✅	Target #207 - Green Lantern logo	Solution	Preview
✅	Target #208 - Hulk fist	Solution	Preview
✅	Target #209 - Iron man	Solution	Preview
✅	Target #210 - Black widow logo	Solution	Preview

Battle #33 - Outline

• Description: Fun 4 weeks to create 8 targets!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #211 - CSS Weekly	Solution	Preview
✅	Target #212 - Fibonacci peacock	Solution	Preview
✅	Target #213 - Boat	Solution	Preview
✅	Target #214 - Newspaper	Solution	Preview
✅	Target #215 - Staggered checks	Solution	Preview
✅	Target #216 - Pies	Solution	Preview
✅	Target #217 - Maze	Solution	Preview
✅	Target #218 - 3D	Solution	Preview

Battle #34 - Border

• Description: Fun 4 weeks to create 8 targets!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #219 - CodePen	Solution	Preview
✅	Target #220 - Building	Solution	Preview
✅	Target #221 - Entangled	Solution	Preview
✅	Target #222 - Rocket	Solution	Preview
✅	Target #223 - UFO	Solution	Preview
✅	Target #224 - Levelled	Solution	Preview
✅	Target #225 - Spark	Solution	Preview
✅	Target #226 - Bond	Solution	Preview

Battle #35 - Color

• Description: Fun 4 weeks to create 8 targets!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #227 - Balanced	Solution	Preview
✅	Target #228 - Another Tree	Solution	Preview
✅	Target #229 - Flower	Solution	Preview
✅	Target #230 - Connection	Solution	Preview
✅	Target #231 - Crosshair	Solution	Preview
✅	Target #232 - GAAD	Solution	Preview
✅	Target #233 - Pendulum	Solution	Preview
✅	Target #234 - Pieces	Solution	Preview

Battle #36 - Transform

• Description: Fun 4 weeks to create 8 targets!
• Progress: 8/8

Complete	Target	Solution	Preview
✅	Target #235 - Website	Solution	Preview
✅	Target #236 - Concentrate	Solution	Preview
✅	Target #237 - Round castle	Solution	Preview
✅	Target #238 - Rising sun	Solution	Preview
✅	Target #239 - Waves	Solution	Preview
✅	Target #240 - Snapshot	Solution	Preview
✅	Target #241 - Mint Typewriter	Solution	Preview
✅	Target #242 - Orbital Tiles	Solution	Preview

Battle #37 - Height

• Description: A Black & White themed fun battle! 4 weeks, 8 targets!
• Progress: 6/6

Complete	Target	Solution	Preview
✅	Target #243 - Corn	Solution	Preview
✅	Target #244 - Medusa	Solution	Preview
✅	Target #245 - Knot	Solution	Preview
✅	Target #246 - Limbs	Solution	Preview
✅	Target #247 - LEDs	Solution	Preview
✅	Target #248 - Bolt	Solution	Preview