CSS Battle Solutions

December 2025

31 solutions completed this month

Target #335

177b
Monday, December 1, 2025
medium
Target 335 comparison
View CSS (177 bytes)
&{box-shadow:0 50vh#CF6939,0 0 0 3in#2F434E}*{margin:10 135 160;border-radius:4em;background:radial-gradient(1q,#F8B140 32q 8lh,#CF6939 0 40px,#F8B140);*{margin:90 15-60;font:0'

Target #336

141b
Tuesday, December 2, 2025
medium
Target 336 comparison
View CSS (141 bytes)
&{--t:radial-gradient(1q,#0000 5ch,#222 0 74q,#0000);background:var(--t)-32q,var(--t)32q,conic-gradient(at 22q 90q,#696448 60%,#fff 0)5cm 1in

Target #337

137b
Wednesday, December 3, 2025
medium
Target 337 comparison
View CSS (137 bytes)
&{background:#C8AD17}[b]{border-radius:32q 32q 0 0;margin:-95 82;height:70}p{border:5vw solid#222;margin:55 132;height:40;background:#eee

Target #338

124b
Thursday, December 4, 2025
medium
Target 338 comparison
View CSS (124 bytes)
&{background:#E8AD6D;*{color:DE6B67;margin:70 120;border:solid#2F5A76;border-width:30 60;box-shadow:96q 0 0-32q,-96q 0 0-32q

Target #339

171b
Friday, December 5, 2025
medium
Target 339 comparison
View CSS (171 bytes)
*{background:#32955E}[a]{margin:160 92-50;height:140;background:radial-gradient(1q,#000 10px,#fff)5ch;--a:25ch 0 0}p{height:40;margin:0 0 0 242;border-radius:25vw var(--a,

Target #340

157b
Saturday, December 6, 2025
medium
Target 340 comparison
View CSS (157 bytes)
&{background:#243D83;*{margin:75 125;border:10px solid#F0CD48;border-radius:5ch;background:radial-gradient(1q at 50%230px,#F0CD48 155px,#0000 0 205px,#F0CD48

Target #341

125b
Sunday, December 7, 2025
medium
Target 341 comparison
View CSS (125 bytes)
&{*{margin:100 90;border:solid#511818;border-width:0 70 60;background:0 10vh/25em 35vw radial-gradient(1q,#511818 5vw,#e3516e

Target #342

138b
Monday, December 8, 2025
medium
Target 342 comparison
View CSS (138 bytes)
*{color:2A4CAC;border:solid;background:#7DDDEB;border-width:0 var(--t,30);margin:40 30;*{margin:50-30 110;outline:5vw solid#7DDDEB;--t:170

Target #343

131b
Tuesday, December 9, 2025
medium
Target 343 comparison
View CSS (131 bytes)
p{color:EED9D9;margin:145 167;height:10;box-shadow:-116q 0,116q 0}&,p{background:-5vw 0/27.5%radial-gradient(1q,#EED9D9 5vw,#668884

Target #344

170b
Wednesday, December 10, 2025
medium
Target 344 comparison
View CSS (170 bytes)
&{color:#FFF6;margin:125 150;background:#202F8E;height:0;border:19pt solid;border-radius:1in;box-shadow:-138q 0#fff,138q 0}p{height:20;background:#fff;margin:35 97 35-163

Target #345

135b
Thursday, December 11, 2025
medium
Target 345 comparison
View CSS (135 bytes)
*{background:#F7E5FB;border:32q solid#62306D;border-radius:1in;margin:70 120;height:100;*{scale:.5;height:50;margin:59 88;rotate:-45deg

Target #346

158b
Friday, December 12, 2025
medium
Target 346 comparison
View CSS (158 bytes)
&{background:#63B476;color:#fff;border-radius:1in;margin:100 110;box-shadow:inset -5em 0#243D83,inset -5em 0 0 37q#000E37,inset 5em 0,69q 0 0-37q,-69q 0 0-37q

Target #347

116b
Saturday, December 13, 2025
medium
Target 347 comparison
View CSS (116 bytes)
*{background:#A33E52;border:20vh solid#D9D9D9;margin:50 20;*{background:#0000;border:10vh solid#482222;margin:-60-30

Target #348

186b
Sunday, December 14, 2025
medium
Target 348 comparison
View CSS (186 bytes)
*{background:#f3ac3c;*{background:#492d01;border-radius:9em;margin:75 215 75 35;color:492D01;box-shadow:45vw 0 0-30px,45vw 0#f3ac3c,5lh 0 0-30px}p{padding:50 15;translate:90q 5pc;font:0'

Target #349

177b
Monday, December 15, 2025
medium
Target 349 comparison
View CSS (177 bytes)
*{p{margin:-38 72 0-8;background:#ce6f4a;height:60}border-radius:5vw}&{margin:80 90 50;box-shadow:0 0 0 2in#0b2429;background:linear-gradient(#ce6f4a 32Q,#0b2429 0 53Q,#ce6f4a 0

Target #350

213b
Tuesday, December 16, 2025
easy
Target 350 comparison
View CSS (213 bytes)
&{background:#411C56;border:solid#C06C88;border-width:70 80;p{+p{margin:50 2 0;rotate:90deg;box-shadow:-5em -5em,-5vw -40vw}background:#B7D7CD;color:B7D7CD;margin:20 12;width:60;height:40;box-shadow:5em 5em,35vw 0

Target #351

283b
Wednesday, December 17, 2025
easy
Target 351 comparison
View CSS (283 bytes)
*{background:#45b45b;color:45B45B}p{+p{+p{width:20;box-shadow:11Q -328Q,5ch -328Q#fabc0d,74Q -328Q#e3473c}height:20}background:#194247;margin:60 62;height:180}[a]{border-radius:5vw}[b]{width:80;box-shadow:180Q -201Q#fabc0d,180Q -40vw#e3473c,138Q -40vw#e3473c,170px -130px,30vh -130px

Target #352

124b
Thursday, December 18, 2025
medium
Target 352 comparison
View CSS (124 bytes)
&{*{color:08331B;width:70;margin:70 0;box-shadow:0 74q,30vw 0,0-74q}background:#1D7B47;border:35vh solid#F0CD48;margin:-60 0

Target #353

172b
Friday, December 19, 2025
medium
Target 353 comparison
View CSS (172 bytes)
*{background:#7E6293;color:E8BA79;border:5vw solid;margin:75 75 35 35;*{p{margin:-110-110 0-20;height:40;border-width:0 40 0 20;box-shadow:11q 50vw 0-11q}margin:30 30-20-20

Target #354

115b
Saturday, December 20, 2025
medium
Target 354 comparison
View CSS (115 bytes)
&{background:radial-gradient(1Q,#FEF7F5 74q,#E7772F 0 25vw,#1C204E);*{margin:120 150;border-inline:5vw solid#1C204E

Target #355

164b
Sunday, December 21, 2025
medium
Target 355 comparison
View CSS (164 bytes)
*{margin:70 90 170;background:#2F5A76;border:solid#F3AC3C;border-width:var(--t,20 0);box-shadow:0-5vw#2F5A76;*{margin:0 60-120;--t:0 20 20;border-radius:0 0 5ch 5ch

Target #356

262b
Monday, December 22, 2025
easy
Target 356 comparison
View CSS (262 bytes)
*{background:#FEF6E2;--t:#FEF6E2 0 90deg,#0000 90deg;>&{margin:25 0;background:radial-gradient(1q,#FEF6E2 25vw,#0000),conic-gradient(at 50%52%,var(--t)),conic-gradient(from -180deg at 50%48%,var(--t)),linear-gradient(90deg,#ED736E 0 30vw,#FEF6E2 0 70vw,#ED736E 0

Target #357

173b
Tuesday, December 23, 2025
medium
Target 357 comparison
View CSS (173 bytes)
*{background:#DACFA3;margin:0;*{p{color:2D3464;height:100;margin:-10 160;background:#2D3464;box-shadow:0 29mm,0 55vw}background:0 0/50vw radial-gradient(1q,#D95362 5ch,#0000

Target #358

169b
Wednesday, December 24, 2025
medium
Target 358 comparison
View CSS (169 bytes)
&{background:#302562}*{margin:50 160;height:150;color:0098D1;box-shadow:inset 1in 1in,74q 25px,-74q 25px,0 53q,-45px -10em,45px -10em,0 -10em,-45px 70vh,45px 70vh,0 70vh

Target #359

152b
Thursday, December 25, 2025
medium
Target 359 comparison
View CSS (152 bytes)
&{background:#11092D}[b]{--t:#1BBC63}[c]{--t:#0F6B38}p{margin:60 122-40;height:20;background:var(--t,#FFCA00);border-inline:#11092D solid attr(f vh,20vh

Target #360

147b
Friday, December 26, 2025
medium
Target 360 comparison
View CSS (147 bytes)
&{background:#A82973;p{width:60;height:60;color:EEC8EA;margin:attr(t px,-60)122;rotate:attr(r deg,10deg);box-shadow:inset 1in 1in,69q attr(b q,-98q

Target #361

125b
Saturday, December 27, 2025
medium
Target 361 comparison
View CSS (125 bytes)
*{*{p{margin:80-120}width:60;height:60;margin:50 200;border:5vw solid#F9DDC6}background:radial-gradient(1q,#594C94 15vw,#E955

Target #362

151b
Sunday, December 28, 2025
medium
Target 362 comparison
View CSS (151 bytes)
*{background:#74B15C;color:1A552B;margin:-60 90;border:15vw solid;*{margin:10-195 200-5;scale:.5;box-shadow:0 40vw,0 80vw,-95vw 0,-95vw 40vw,-95vw 80vw

Target #363

221b
Monday, December 29, 2025
easy
Target 363 comparison
View CSS (221 bytes)
&{background:#FFFBDA;color:E38F66;border:solid;border-width:60 90;p{margin:30 42;height:120;border-radius:0 53q;background:10vh 10vh conic-gradient(at 50%50%,#E38F66 75%,#0000 0);box-shadow:5lh 116q 0 5vw,-5lh -116q 0 5vw

Target #364

143b
Tuesday, December 30, 2025
medium
Target 364 comparison
View CSS (143 bytes)
&{background:#D213;*{margin:40 140;border:5vw solid#5AA4B7;width:80;height:20;p{+p{+p{margin:220-150}rotate:90deg;margin:-280 110}margin:140-20

Target #365

242b
Wednesday, December 31, 2025
easy
Target 365 comparison
View CSS (242 bytes)
&{*{background:linear-gradient(#F9DDC6 5ch,#0000 0 35vw,#F9DDC6 0);margin:60 40}p{+p{+p{margin:140 60}margin:-140 60}position:fixed;margin:0 220;padding:90 20;background:linear-gradient(#9D92C8 5ch,#F9DDC6 0 35vw,#9D92C8 0)}background:#9d92c8