CSS Battle Solutions

October 2026

28 solutions completed this month

Target #274

251b
Thursday, October 1, 2026
easy
Target 274 comparison
View CSS (251 bytes) ▼
&,p{background:79q/67%radial-gradient(1Q,#d9d9d9 21em,#444);border-radius:.6lh}&{box-shadow:inset 0 0 0 5vh#444,inset 0-79q#444,0 0 0 1in#7dcb61;margin:55 65;>*{margin:52%60 0;border:solid#ccc5;border-width:20 55;*{margin:-120-55;height:50;font:1q/50'

Target #275

135b
Friday, October 2, 2026
medium
Target 275 comparison
View CSS (135 bytes) ▼
*{border:27q solid#D97757}&{margin:40 100;background:#141413;>*,&{border-width:30 20 0}*{margin:0 20;*{margin:-10-110 0;+*{scale:.6 2.4

Target #276

297b
Saturday, October 3, 2026
easy
Target 276 comparison
View CSS (297 bytes) ▼
*{margin:0;background:#B08743;+&{clip-path:circle(25vw);background:radial-gradient(1q at 35vw 53q,#411 25vw,#0000),radial-gradient(1q at 85vw 5lh,#411 25vw,#0000),radial-gradient(1q,#FFF 5em,#411);p{+p{translate:243q 35vw}translate:50vh 40vw;width:20;height:20;border-radius:1in;background:#441212

Target #277

154b
Sunday, October 4, 2026
medium
Target 277 comparison
View CSS (154 bytes) ▼
&{background:#4C7A6F;*{background:linear-gradient(#D6BA72 32q,#0000 0 5ch,#D9D9D9 0 60px,#0000 0 74q,#D6BA72 0);border-radius:50%/34%34%0 0;margin:105 130

Target #278

239b
Monday, October 5, 2026
easy
Target 278 comparison
View CSS (239 bytes) ▼
*{background:#f7cb71;+&{background:conic-gradient(at 73q,#d16161 75%,#F7CB71 0)480%-.3in/8em 89pt;margin:90 240 90 40;p{margin:0 200;border-radius:1in;width:50;height:50;color:D16161;box-shadow:inset 0 1in#4d52d0,0 74Q#4d52d0,74Q 0,74Q 74Q

Target #279

139b
Tuesday, October 6, 2026
medium
Target 279 comparison
View CSS (139 bytes) ▼
&{background:radial-gradient(1q,#8B4646 5em,#fff 0 25vw,#E98F6B);*{margin:110 170;color:E98F6B;box-shadow:-5vw 0#fff,5vw 0#fff,9ch 0,-9ch 0

Target #280

146b
Wednesday, October 7, 2026
medium
Target 280 comparison
View CSS (146 bytes) ▼
*{border:53q solid#476573;background:#B8D982;*{background:#476573;margin:-30 20;border:32q solid#B8D982;border-radius:2in}p{margin:119-30;zoom:.67

Target #281

206b
Thursday, October 8, 2026
easy
Target 281 comparison
View CSS (206 bytes) ▼
*{border-radius:var(--t,90q 90q 0 0);background:#6606;margin:50 115 150;color:535FB1;box-shadow:inset 0 3in;&{*{--t:50%;color:D07B5F;margin:50 35-50;p{--t:;color:454545;height:50;translate:0 95q;margin:0 40

Target #282

178b
Friday, October 9, 2026
medium
Target 282 comparison
View CSS (178 bytes) ▼
*{color:DFF6FB;margin:65 140 65 210;border:2.5ch solid#D07B5F;box-shadow:var(--t,-25vw -50vh,-5ch -50vh,-25vw 50vh,-5ch 50vh,-74q 0#4DCB60,0 0 0 3in);*{margin:-60 0;--t:;font:5q'

Target #283

162b
Saturday, October 10, 2026
medium
Target 283 comparison
View CSS (162 bytes) ▼
*{margin:140 210 140 0;background:#042F38;color:D9D9D9;box-shadow:inset 0 2in var(--t,,55vw 0#BFA148);*{margin:-55 0 35 170;--t:#BFA148,0 5lh#BFA148,53q 0,53q 5lh

Target #284

180b
Sunday, October 11, 2026
medium
Target 284 comparison
View CSS (180 bytes) ▼
*{background:conic-gradient(at 7.5%55%,#FAE29E var(--t,75%),#D16161 0)196q 5ch;*{--t:;margin:140 140 40;rotate:45deg;border:32q solid#3F4869;clip-path:polygon(0 100%,100%0,100%100%

Target #285

269b
Monday, October 12, 2026
easy
Target 285 comparison
View CSS (269 bytes) ▼
&{background:radial-gradient(at 0%0,#1D5260 60px,#0000 0)space,radial-gradient(at 100%100%,#1D5260 60px,#84B9C7 0)space;margin:70 120;color:ECD5E4;box-shadow:0 0 0 2in#84B9C7;p{margin:-58 152-58-38;height:260;box-shadow:inset 0 3in,201q 0;+p{margin:-355 57;rotate:90deg

Target #286

131b
Tuesday, October 13, 2026
medium
Target 286 comparison
View CSS (131 bytes) ▼
*{margin:40 20-40;border:8mm solid#A27848;background:radial-gradient(7%5%,#E0E7A2 35vw,#0000)space#173C46;*{zoom:.5;margin:0 45%400

Target #287

199b
Wednesday, October 14, 2026
medium
Target 287 comparison
View CSS (199 bytes) ▼
&{background:conic-gradient(at 45vw 20ch,#9F6766 75%,#BDE4C1 0)116q 74q fixed}*{margin:0 9.7lh 9.44lh;border-radius:2em;color:9F6766;box-shadow:inset 0 2in;*{box-shadow:-95px 5vw,95px 5vw;font:31%/0'

Target #288

210b
Thursday, October 15, 2026
easy
Target 288 comparison
View CSS (210 bytes) ▼
&{margin:90 105 40;box-shadow:inset 0 9in#d9d9d9;*{color:8C8C8C;width:20;height:20;box-shadow:23q -7vw,33vw -7vw,23q -8px,33vw -8px,18Q 34vh,60Q 34vh,97px 34vh,145Q 34vh,18Q 55Q,60Q 55Q,97px 55Q,145Q 55Q#ca5348

Target #289

208b
Friday, October 16, 2026
easy
Target 289 comparison
View CSS (208 bytes) ▼
&{margin:95 190 145;color:4C455B;box-shadow:-25vw -95px,74q -95px,-5vh 69q,25vw -95px#D96C7B,-74q -95px#D96C7B,5vh 69q#D96C7B,0 0 0 9in#F3EAD2;*{margin:-25-100;border-radius:0 0 2in 2in;box-shadow:inset 0 2in

Target #290

112b
Saturday, October 17, 2026
medium
Target 290 comparison
View CSS (112 bytes) ▼
&{margin:-50 0 70;border:122q solid#73493A;background:#FEF9CE;*{margin:120 0-120;border-inline:60px solid#A6BA86

Target #291

247b
Sunday, October 18, 2026
easy
Target 291 comparison
View CSS (247 bytes) ▼
*{margin:50 125;border-radius:5em;background:#2D3464;box-shadow:inset 0 16lh#C0D6E7;*{margin:0-55;border-inline:32q solid#D95362;background:linear-gradient(#0000 90q,#D95362 0)0 0/1%115px,linear-gradient(#0000 60px,#2D3464 0)0 0/1%35vw;font:6px/0'

Target #292

125b
Monday, October 19, 2026
medium
Target 292 comparison
View CSS (125 bytes) ▼
*{margin:-20 24;border:5vw solid#E8BA79;background:radial-gradient(1q,#E8BA79 60px,#7E6293)52vh 50vh/50ch text;*{margin:70 36

Target #293

276b
Tuesday, October 20, 2026
easy
Target 293 comparison
View CSS (276 bytes) ▼
&{--t:radial-gradient(1q,#42A8E4 53q,#0000);background:var(--t)53q 53q,var(--t)-53q -53q,radial-gradient(1q,#42A8E4 90q,#F0F0F3);*{margin:100 160;color:F0F0F3;border:5w solid;background:linear-gradient(#F0F0F3 5vw,#0000 0)0 0/1%5ch;p{padding:10;box-shadow:-40vw 5vw,-25vw 15vw

Target #294

241b
Wednesday, October 21, 2026
easy
Target 294 comparison
View CSS (241 bytes) ▼
&{background:#E9D97D;*{margin:45 95;background:conic-gradient(at 5vw,#0000 75%,#173C46 0)95px,radial-gradient(#173C46 32q,#0000 0),conic-gradient(#E9D97D 25%,#0000 0),radial-gradient(#0000 53q,#173C46 0 74q,#0000 0 90q,#173C46 0 35vh,#0000 0

Target #295

129b
Thursday, October 22, 2026
medium
Target 295 comparison
View CSS (129 bytes) ▼
*{background:radial-gradient(1Q,#173c46 var(--c,8mm,#30acce))fixed;margin:10 40 10 95;*{--c:;*{margin:20;padding:55;--c:.8lh,#fff

Target #297

167b
Saturday, October 24, 2026
medium
Target 297 comparison
View CSS (167 bytes) ▼
&{margin:100 60;color:CBCDB7;border:5vw solid;background:#5065ab}*{border-radius:11q;*{margin:10 110;box-shadow:-5lh 0,5lh 0;img{margin:-60 0;padding:80 10;font:0/36q'

Target #298

166b
Sunday, October 25, 2026
medium
Target 298 comparison
View CSS (166 bytes) ▼
*{background:#809E97;color:36443B}&{margin:60 50;border:33q solid;*{margin:80 46-60;height:89;clip-path:polygon(0 100%,100%100%,50%0)}p{margin:0-213;border:148q solid

Target #299

386b
Monday, October 26, 2026
easy
Target 299 comparison
View CSS (386 bytes) ▼
&{--t:radial-gradient(1q,#0000 32q,#2834BA 0 53q,#0000);background:var(--t)-5ch -5pc,var(--t)5ch 5pc#479582;[a]{box-shadow:inset 0 2in,-5pc 0,5pc 0}p{margin:70 182;height:160;color:2834BA;+p{margin:-90 242 0 82;height:40;border-radius:2in 2in 0 0;background:#2834ba;+p{translate:20ch -110px;scale:-1;img{padding:10;border-inline:11q solid;translate:11q 5ch;filter:drop-shadow(20ch -55vw

Target #300

133b
Tuesday, October 27, 2026
medium
Target 300 comparison
View CSS (133 bytes) ▼
*{margin:60 0 0 60;background:linear-gradient(45deg,#72374D 25%,#FFF 0 var(--t,75%),#72374D 0)space#72374D}&{margin:120 140 60;*{--t:

Target #301

142b
Wednesday, October 28, 2026
medium
Target 301 comparison
View CSS (142 bytes) ▼
*{background:#dc04;box-shadow:inset 5pc -9ch;color:30ACCE;margin:80 140;border-radius:12em 5pc 9em 9em;*{color:1D5260;margin:0 0 60 40;font:0"

Target #302

208b
Thursday, October 29, 2026
easy
Target 302 comparison
View CSS (208 bytes) ▼
&{background:#E9C282;*{margin:190 40 110;background:#444F52;border-radius:12ch;p{+p{position:fixed;margin:-20 120;width:40;height:40}margin:-80 80;height:60;border:solid#E9C282;border-width:0 20 20 20;font:0'