CSS Battle Solutions

January 2026

30 solutions completed this month

Target #2

161b
Friday, January 2, 2026
medium
Target 2 comparison
View CSS (161 bytes)
[a]{scale:-1}*+*{background:#4a9a86;margin:90 0;img{background:radial-gradient(1Q at 50%74Q,#fae29e 15px,#0000);border:11Q solid#fae29e;padding:50 30;margin:0 10

Target #3

147b
Saturday, January 3, 2026
medium
Target 3 comparison
View CSS (147 bytes)
&{background:radial-gradient(1Q,#84b9c7 53Q,#0000)0-53Q/100%25ch,radial-gradient(1Q,#ecebeb 53Q,#0000)0/50%,radial-gradient(1Q,#ecebeb 75pt,#84b9c7

Target #4

205b
Sunday, January 4, 2026
easy
Target 4 comparison
View CSS (205 bytes)
[a]{border-inline:64q solid#f3ead2}[b]{margin:0;padding:70 130;border-block:32q solid#8ab8b6}&{background:#4c455b;*{p{background:0;position:fixed;padding:120 60;margin:-5%20}background:#8ab8b6;margin:50 60

Target #5

123b
Monday, January 5, 2026
medium
Target 5 comparison
View CSS (123 bytes)
&{color:EFEB99;margin:0 340 130 4;box-shadow:inset 0 2in,7ch 138Q,14ch 0,21ch 138Q,28ch 0,35ch 138Q,42ch 0,0 0 0 4in#8647E6

Target #6

173b
Tuesday, January 6, 2026
medium
Target 6 comparison
View CSS (173 bytes)
&{margin:120 170;color:F3EAD2;box-shadow:inset 70q 0#38483C,25vw 25vw 0 53q,25vw -25vw 0 53q,-25vw 25vw 0 53q,-25vw -25vw 0 53q,0 0 0 60px#C36768,0 0 0 25vw#38483C,0 0 0 4in

Target #7

118b
Wednesday, January 7, 2026
medium
Target 7 comparison
View CSS (118 bytes)
*{background:#2f434e;color:CF6939;margin:85 275 145 15;box-shadow:inset 2in 0,50px.31in,25vw.63in;*{margin:0-160 0 160

Target #8

183b
Thursday, January 8, 2026
medium
Target 8 comparison
View CSS (183 bytes)
&{background:conic-gradient(at 5lh 5lh,#F2EAA8 75%,#0000 0)37q 5ch/60vw 130px,conic-gradient(at 50vw 35vw,#0000 75%,#F2EAA8 0)25vw 5pc/60vw 45vw,linear-gradient(#EE7667 50% ,#84BE8D 0

Target #9

131b
Friday, January 9, 2026
medium
Target 9 comparison
View CSS (131 bytes)
&{background:#2B2A4A;border-inline:70px solid#ECE3DF;*{background:#ECE3DF;color:2B2A4A;margin:125-70;box-shadow:-74q 25px,74q -25px

Target #10

250b
Saturday, January 10, 2026
easy
Target 10 comparison
View CSS (250 bytes)
p{+p{rotate:-45deg}margin:140 72-160;height:20;border-inline:15vw solid#E25C57;rotate:45deg}&{--t:radial-gradient(1q,#E25C57 5vh,#0000);background:conic-gradient(at 15vw 15vw,#0000 75%,#E25C57 0)180q 30vw,var(--t)0 5vh/100%5lh,var(--t)5vw/45vw#F4DA64

Target #11

128b
Sunday, January 11, 2026
medium
Target 11 comparison
View CSS (128 bytes)
*{margin:145;box-shadow:#F9EAF1 var(--t,0-11q,0 11q)#4C455B;*{background:#5AA4B7;margin:-20 35;--t:5ch -5ch 0 5ch,-5ch 5ch 0 5ch

Target #12

138b
Monday, January 12, 2026
medium
Target 12 comparison
View CSS (138 bytes)
&{border-radius:2in}*{background:#FADE8B;border:64q solid#222;margin:15%0 0;box-shadow:0 90vh 0 50vh#FADE8B;*{margin:-60 60 0;border-top:0

Target #13

159b
Tuesday, January 13, 2026
medium
Target 13 comparison
View CSS (159 bytes)
&{background:#45B45B;margin:22 12;*{background:conic-gradient(at 53q 30vw,#0000 75%,#194247 0)0 15vw/328q 138q,radial-gradient(1q at 50%25px,#194247 25px,#0000

Target #14

167b
Wednesday, January 14, 2026
medium
Target 14 comparison
View CSS (167 bytes)
&{--t:conic-gradient(at 53Q 30vw,#0000 75%,#ffd0fa 0);background:var(--t)5lh 5lh/180Q,var(--t)10vh 5lh/307Q,radial-gradient(1Q,#ffd0fa 25px,#a82973)-18%-36%/2.4in 201Q

Target #15

162b
Thursday, January 15, 2026
medium
Target 15 comparison
View CSS (162 bytes)
*{margin:75 125;background:#2B2A4A;color:5AA4B7;box-shadow:74q 0,50vh 0,74q 5pc,50vh 5pc,55vw 5pc#2B2A4A,0 0 0 8ic;*{margin:10 160 90-60;border-radius:1in;font:0'

Target #16

170b
Friday, January 16, 2026
medium
Target 16 comparison
View CSS (170 bytes)
*{margin:45%95 60;background:linear-gradient(90deg,#dd22 7.5ch,#0f3a22 0 25vh)0/25vh;box-shadow:0-15ch#3c7a,0 0 0 26ch#0f3a22;*{margin:-38%26%40;border-radius:1in;font:0'

Target #17

152b
Saturday, January 17, 2026
medium
Target 17 comparison
View CSS (152 bytes)
&{background:#F4DA64;color:4FA9C0;margin:70 60;box-shadow:0 0 0 8cm;*{margin:130 30-50;border-inline:64q dotted#2B2A4A;box-shadow:55vw -138q,-10pc -138q

Target #18

189b
Sunday, January 18, 2026
medium
Target 18 comparison
View CSS (189 bytes)
*{background:#668884;color:EED9D9;margin:30 180 30 70;border:solid;border-width:40 40 0;box-shadow:55vh -55px 0-58q,55vh 58q 0-58q,55vh -50vw 0-5ch#668884,55vh -10pc 0-5ch;*{margin:60 0 100

Target #19

197b
Monday, January 19, 2026
medium
Target 19 comparison
View CSS (197 bytes)
*{margin:110 40;background:#DE9473;border:3.5ex solid#394257;box-shadow:0 0 0 1.87em#F9EAF1;*{p{color:DE9473;padding:15 50;box-shadow:-25px 5pc,-25px -10vh,90q.26in,-45vh.26in}margin:-25 55;font:0'

Target #20

216b
Tuesday, January 20, 2026
easy
Target 20 comparison
View CSS (216 bytes)
&,p{border:var(--t,30vh)solid#fef6e2}*{margin:0-90;background:linear-gradient(var(--a,)#ac342e 2.5ch,#fef6e2 0)0 0/53q 53q;*{margin:-200 140;--a:90deg,;p{margin:152-30 0;border-radius:1in;height:60;--t:20vh;font:9em'

Target #21

158b
Wednesday, January 21, 2026
medium
Target 21 comparison
View CSS (158 bytes)
&{margin:100;*{background:radial-gradient(1q,#B0ACD5 5ch,#0000),radial-gradient(1q at 50%100%,#6a5885 25vw,#0000)no-repeat,#b0acd5;*{margin:80 82-80;height:20

Target #22

152b
Thursday, January 22, 2026
medium
Target 22 comparison
View CSS (152 bytes)
&{margin:70 120;background:#c7b46d}p{+p{margin:-100 0;scale:1.11 4;background:#38373A}margin:120 75 0-88;border-radius:50%;padding:20;background:#8B7E4C

Target #23

142b
Friday, January 23, 2026
medium
Target 23 comparison
View CSS (142 bytes)
*{*{p{--t:at 50%214q,#401C1D 5ch,#0000;padding:94}--t:at 50%150q,#F4DA64 5ch,#0000}background:radial-gradient(1q var(--t,,#401C1D 25vw,#D5ACAD

Target #24

94b
Saturday, January 24, 2026
hard
Target 24 comparison
View CSS (94 bytes)
&{border:solid#37B4BD;border-width:120 20;background:0/15vw conic-gradient(#394257 25%,#C692 0

Target #25

143b
Sunday, January 25, 2026
medium
Target 25 comparison
View CSS (143 bytes)
*{box-shadow:var(--t,inset -58q 0 0 138q)#7E6293;*{margin:35 325 35-5;border-radius:3em;color:EBE77E;background:#EBE77E;--t:25vw 0,243q 0,5vw 0

Target #26

139b
Monday, January 26, 2026
medium
Target 26 comparison
View CSS (139 bytes)
&{background:#9754}*{margin:50 120;border:solid#5370d9;border-width:0 30 var(--t,)30;*{margin:0 20;p{--t:0;margin:0-80;padding:15;scale:2 1

Target #27

269b
Tuesday, January 27, 2026
easy
Target 27 comparison
View CSS (269 bytes)
&{border:5ch solid#4A9A86;background:linear-gradient(-70deg,#4A9A86 42%,#F7CB71 0 58%,#4A9A86 0);*{p{--t:;margin:0;scale:.2 1;height:60;color:4A9A86;--y:-250vw 50px,0 50vh}margin:-20 10 120 210;border-radius:var(--t,50%);color:F7CB71;box-shadow:var(--y,0 30vw,-50vw 5vw

Target #28

274b
Wednesday, January 28, 2026
easy
Target 28 comparison
View CSS (274 bytes)
&{--t:radial-gradient(1q at 50%0,#0000 5vw,#5E2BB7 0 53q,#0000);--u:radial-gradient(1q at 50%100%,#0000 5vw,#9382E4 0 53q,#0000);background:var(--u)-148q 45vw,var(--u)148q 45vw,var(--t)-74q 45vw,var(--t)74q 45vw,conic-gradient(at 8.6%40%,#B6EBE7 75%,#5E2BB7 25%)20%45vw/370q

Target #29

249b
Thursday, January 29, 2026
easy
Target 29 comparison
View CSS (249 bytes)
&{background:conic-gradient(at 20%5ch,#0000 75%,#a82828 0)40vw 138q,linear-gradient(#0000 132q,#f0cd48 0)0 0/99%185q,radial-gradient(68q 114q,#f0cd48 5ch,#0000 0),radial-gradient(18%44%,#f0cd48 53%,#0000 0),radial-gradient(3q 4q,#a82828 30vh,#f0cd48

Target #30

120b
Friday, January 30, 2026
medium
Target 30 comparison
View CSS (120 bytes)
*{*{margin:60 120;border:8mm solid#4C455B;--p:50%15vw/99%25vw}background:radial-gradient(1q,#4C455B 5ch,#F3EAD2)var(--p,

Target #31

143b
Saturday, January 31, 2026
medium
View CSS (143 bytes)
&{--t:radial-gradient(1q,#EFBB74 53q,#0000);background:var(--t)0-10vh/100%45vw,var(--t)5vw/45vw,#555FD9;*{border:5vw solid#555FD9;margin:50 100