CSS Battle Solutions

November 2025

30 solutions completed this month

Target #305

205b
Saturday, November 1, 2025
easy
Target 305 comparison
View CSS (205 bytes)
&{*{margin:40 140 80;box-shadow:0-40px,-115px 5pc,115px 5pc}color:F0CD48;border-bottom:5ch solid;margin:50 40;background:space#243d83 repeating-linear-gradient(90deg,#0000 30px,#F0CD48 0 60px,#0000 0 145px

Target #306

202b
Sunday, November 2, 2025
easy
Target 306 comparison
View CSS (202 bytes)
&{*{margin:0 140 80;box-shadow:0 5ch,-115px 5ch,115px 5ch}color:F0CD48;border-block:5ch solid;margin:50 40;background:space#243d83 repeating-linear-gradient(90deg,#0000 30px,#F0CD48 0 60px,#0000 0 145px

Target #307

175b
Monday, November 3, 2025
medium
Target 307 comparison
View CSS (175 bytes)
&{background:radial-gradient(1q,#E38F66 25vh,#62306d);p{+p+p{height:24}height:80;border-radius:1in;color:E38F66;margin:0 180;box-shadow:0 attr(t q),24q attr(t q),-24q attr(t q

Target #308

132b
Tuesday, November 4, 2025
medium
Target 308 comparison
View CSS (132 bytes)
*{background:radial-gradient(1q,#0000 25px,#000 0 53q,#00D47E)-3q 0/130px,conic-gradient(at 5ch 1pc,#00D47E 75%,#000 0)23q 142q/50vh

Target #309

136b
Wednesday, November 5, 2025
medium
Target 309 comparison
View CSS (136 bytes)
*{color:A7C2FA;background:#0b2429;margin:30;border-inline:solid var(--t,5ch);*{margin:190-50 10;--t:25vw;box-shadow:0-50vw,0 60px#0B2429

Target #310

196b
Thursday, November 6, 2025
medium
Target 310 comparison
View CSS (196 bytes)
[a]{margin:160 0;scale:-1}*{background:radial-gradient(1q at 50%130px,#EBCB58 1em,#556D7F 0);+*{display:flex;margin:25 35;p{box-shadow:0 41mm 0-5q#EBCB58;margin:-70 0;width:99%;height:160;font:53q

Target #311

164b
Friday, November 7, 2025
medium
Target 311 comparison
View CSS (164 bytes)
&{background:#fc62;p{+p{color:DA6C8E;rotate:90deg}color:81D2B0;padding:45 10;border-radius:1in;position:fixed;margin:97 182;box-shadow:37Q -74Q 0 5vh,-37Q 74Q 0 5vh

Target #312

191b
Saturday, November 8, 2025
medium
Target 312 comparison
View CSS (191 bytes)
*{background:#FFE5AC;border-radius:1in;color:313131;box-shadow:0 55vh,0 90q}*{margin:0 140 250;>*{margin:95 70-110 0;box-shadow:74q 0#FFE5AC;p{height:30;margin:-93 10;box-shadow:74q 90q,0 90q

Target #313

185b
Sunday, November 9, 2025
medium
Target 313 comparison
View CSS (185 bytes)
&{background:#6f9893;p{margin:100 auto -275;rotate:45deg;height:100;aspect-ratio:1;background:#394257;+P{padding:75;background:linear-gradient(45deg,#d9d9d9 145Q,#0000 0 217px,#d9d9d9 0

Target #314

249b
Monday, November 10, 2025
easy
Target 314 comparison
View CSS (249 bytes)
*{background:#836D;*{margin:55 200 55 60;-webkit-box-reflect:right;background:radial-gradient(1q at 82%,#CDC5A5 0 5vh,#0000),linear-gradient(#0000 60px,#984E77 0 130px,#0000 0),repeating-linear-gradient(90deg,#CDC5A5,#CDC5A5 30px,#0000 32q,#0000 53q

Target #315

195b
Tuesday, November 11, 2025
medium
Target 315 comparison
View CSS (195 bytes)
p{margin:-40 0;padding:20 130;border-inline:5vw solid#050044}&{background:#050044;margin:44q;>*{border-block:5ch solid#a4215d;background:radial-gradient(1Q at 50%25%,#0000 53Q,#f3ead2 0 5lh,#0000

Target #316

226b
Wednesday, November 12, 2025
easy
Target 316 comparison
View CSS (226 bytes)
&{background:#BDE4C1}p{border-left:5ch solid#9F6766;margin:16 8-16 290;height:100;background:0 0/99%70%conic-gradient(at 35%43%,#9F6766 25%,#0000 0)}[b]{background:#9F6766;margin:16 94-16;height:68}[c]{scale:-1;translate:-94vh

Target #317

176b
Thursday, November 13, 2025
medium
Target 317 comparison
View CSS (176 bytes)
body{outline:solid 5ch#f8b140}*{background:#264629;*{margin:100 130;background:#cf6939;p{+p{rotate:90deg}translate:0 300%;border-inline:5pc solid#264629;height:20;margin:-20-40

Target #318

137b
Friday, November 14, 2025
medium
Target 318 comparison
View CSS (137 bytes)
&{background:#25FC;margin:52 42-8;*{border-inline:15vw solid#F0CD48;background:0 5vw/89%25%conic-gradient(at 12.5%67%,#F0CD48 25%,#0000 0

Target #319

205b
Saturday, November 15, 2025
easy
Target 319 comparison
View CSS (205 bytes)
&{p{position:fixed;margin:0 0 0 20;padding:50 15;border:solid#3c5a84;border-width:0 0 30 40}background:#89B3EC;margin:0-5;border:55px solid#fad98c;*{margin:0 10 90;border:solid#2a2828;border-width:30 100 0

Target #320

188b
Sunday, November 16, 2025
medium
Target 320 comparison
View CSS (188 bytes)
&{background:#8cfadc;rotate:45deg;*{margin:104 196 0 154;height:50;background:#1a4341;p{+p{rotate:-90deg;margin:-116 210}translate:-175px 65px;width:120;height:60;border-radius:0 0 1in 1in

Target #321

214b
Monday, November 17, 2025
easy
Target 321 comparison
View CSS (214 bytes)
*{*{p{+p{+p{--m:100 0;--p:0 125}--w:40 20 0;--m:60 0 0 70;--p:40 119}position:fixed;border-width:20 var(--w,0 20 50);--m:20 20 0 0;padding:var(--p,80 135)}background:#555FD9;margin:var(--m);border:30px solid#fef7f5

Target #322

143b
Tuesday, November 18, 2025
medium
Target 322 comparison
View CSS (143 bytes)
&{border:solid#F2A842;border-width:11q 5ch;box-shadow:0 0 0 5vw#555FD9;margin:50 110;background:0 10px linear-gradient(#555FD9 0 10pc,#F2A842 0

Target #323

170b
Wednesday, November 19, 2025
medium
Target 323 comparison
View CSS (170 bytes)
&{background:#D86F45;margin:97 147}p{+p{rotate:90deg;margin:30 100}padding:35 25;margin:-60 0;border:solid#fff;border-width:20 20 0;-webkit-box-reflect:below attr(a q,32q

Target #324

174b
Thursday, November 20, 2025
medium
Target 324 comparison
View CSS (174 bytes)
&{background:#A443;*{background:#C67455;color:668884;margin:125;width:50;height:50;border-radius:1in 0 0 1in;box-shadow:6.2ch -6.2ch,6.2ch 6.2ch;p{margin:100;scale:-1;font:0'

Target #325

145b
Friday, November 21, 2025
medium
Target 325 comparison
View CSS (145 bytes)
&{background:#A455D9;margin:82 142;*{color:#FFF6;border-radius:1in;box-shadow:inset 1in 1in,30vw 74q,-30vw 74q,-30vw -74q,30vw -74q,0 35vw,0-35vw

Target #326

196b
Saturday, November 22, 2025
medium
Target 326 comparison
View CSS (196 bytes)
&{background:linear-gradient(#F5D6B4 15vw,#328FC1 0)0 8pc/1%5pc;margin:-8;color:328FC1;box-shadow:inset 0 26vh,inset 0-26vh;*{background:radial-gradient(1q,#328FC1 110px,#F5D6B4 0 35vw,#0000)-50vw

Target #327

169b
Sunday, November 23, 2025
medium
Target 327 comparison
View CSS (169 bytes)
&{background:#51A499;p{+p{scale:-1;translate:0-15em}background:#EE8;margin:60 132;padding:90 55;box-shadow:35px 0 0-5vh,65px 0 0-25px#EE8,95px 0 0-37q,125px 0 0-15vh#EE8

Target #328

159b
Monday, November 24, 2025
medium
Target 328 comparison
View CSS (159 bytes)
&{background:conic-gradient(at 45mm 5pc,#FFF9C0 75%,#0000 0)0 30vw/2.4in 25vw repeat-x,radial-gradient(1q at 50%100%,#D95362.1in,#FFF9C0 0 32q,#D95362 0)0-201q

Target #329

165b
Tuesday, November 25, 2025
medium
Target 329 comparison
View CSS (165 bytes)
&{background:#AADBF7;color:243D83;margin:95 145;box-shadow:inset 2in 2in#328FC1,0 0 0 5vw,116q 5ch 0-5ch#328FC1,-116q 5ch 0-5ch#328FC1,116q 5ch 0-5vw,-116q 5ch 0-5vw

Target #330

219b
Wednesday, November 26, 2025
easy
Target 330 comparison
View CSS (219 bytes)
&{background:radial-gradient(1Q at bottom,#62306d 5ch,#fff 0 35vw,#62306d 0)0 45mm;p{position:fixed;padding:100;margin:-20-710}*{border:solid#fff;border-width:20 26;margin:170-80-20 380;transform:skew(attr(s deg,38.5deg

Target #331

191b
Thursday, November 27, 2025
medium
Target 331 comparison
View CSS (191 bytes)
&{background:#3f4869;color:70B7A5}p{+p{+p{+p{margin:0 217 0 102}margin:-180 167 0}margin:20 302 0 62}margin:20 102;height:attr(h px,20);box-shadow:inset 1in 1in,attr(a px,-5px)attr(b px,240px

Target #332

148b
Friday, November 28, 2025
medium
Target 332 comparison
View CSS (148 bytes)
*{background:#d86f45;margin:35 50;*{color:734939;box-shadow:inset 15vw -5vw 0 15vw#f5d6b4,-5ch 0 0-5vw,0-5ch 0-5vw,-5ch -5ch 0-5vw;border-radius:5vw

Target #333

159b
Saturday, November 29, 2025
medium
Target 333 comparison
View CSS (159 bytes)
&{background:#FAE7DF}p{+p{margin:15 92 0 172}margin:15 232-75 92;height:60;color:BE6565;box-shadow:inset 1in 1in,attr(x vw,35vw)70px,0 35vw,attr(x vw,35vw)70vh

Target #334

164b
Sunday, November 30, 2025
medium
Target 334 comparison
View CSS (164 bytes)
*{color:F7F3D7;margin:80 130;box-shadow:inset 0 0 0 1in,185Q 0 0-37Q,-185Q 0 0-37Q;*{background:#E38F66;margin:35;rotate:45deg;box-shadow:78Q -78Q,-78Q 78Q
</style>