CSS Battle Solutions

April 2026

30 solutions completed this month

Target #91

123b
Wednesday, April 1, 2026
medium
Target 91 comparison
View CSS (123 bytes)
*{*{box-shadow:0 30vw,0-30vw,inset 0 5vw}color:F3AC3C;margin:60 0;border-inline:5pc solid}&{background:#2F5872;margin:80 20

Target #92

225b
Thursday, April 2, 2026
easy
Target 92 comparison
View CSS (225 bytes)
&{background:#F2EAA8;margin:22 72}p,h1{margin:0;width:80;height:80}p{color:73AB7C;box-shadow:10pc 5pc,5pc 10pc,0 5pc,5pc 0,0 5pc}h1{scale:.75;border-radius:1in;color:#E76;box-shadow:113q 0,226q -113q,0 113q,inset 0 1in#73AB7C

Target #93

158b
Friday, April 3, 2026
medium
Target 93 comparison
View CSS (158 bytes)
*{margin:25 75;background:conic-gradient(#8BB248)25vh 74q/5ch 25vw no-repeat,#262D80;border:4.2ex solid#8BB248;border-radius:50%;+*{margin:20 75 130;font:11q'

Target #94

217b
Saturday, April 4, 2026
easy
Target 94 comparison
View CSS (217 bytes)
*{background:#F0CD48;--t:5ch solid#F0CD48}&{margin:20 60 200;background:#1B1D36;border:var(--t);border-radius:1in;*{margin:80 20-240;color:1B1D36;border-inline:var(--t);box-shadow:inset -5vw 0,inset 5vw 0,0-35vw 0-5vw

Target #95

163b
Sunday, April 5, 2026
medium
Target 95 comparison
View CSS (163 bytes)
&{background:conic-gradient(at 5ch 74q,#8885 75%,#457D81 0)5ch 0/35ch 230px;*{margin:100 40;background:conic-gradient(at 6.1lh 43%,#C47F7D 75%,#0000 0)0 0/70vh 70%

Target #96

353b
Monday, April 6, 2026
easy
Target 96 comparison
View CSS (353 bytes)
*{background:#ffca00;margin:20 60 240;box-shadow:0 110px#4a9a86,0 0 0 20em#1f1446;border-radius:var(--t,1in);*{p{+p{+p{--t:;margin:-130-150;padding:25;color:1F1446;box-shadow:-201Q 0,-75vw 0}--t:11Q;margin:-20 40;color:FFCA00;box-shadow:-15vw 0,-30vw 0}margin:-20 220;scale:-1 1}position:fixed;margin:220 240-220 0;padding:20;--t:1in 32Q 32Q 1in;font:0"

Target #97

140b
Tuesday, April 7, 2026
medium
Target 97 comparison
View CSS (140 bytes)
*{background:#6D1477;margin:25 4.15lh;border:5ch solid#F5E3B5;border-radius:50%;*{background:conic-gradient(#F5E3B5 75%,#0000 0);font:0/6px'

Target #98

131b
Wednesday, April 8, 2026
medium
Target 98 comparison
View CSS (131 bytes)
&{margin:30 130;background:#4A9A86;border:5vw solid#FAE29E;*{margin:15;background:radial-gradient(1q,#0000 15vh,#FAE29E 0 90q,#0000

Target #99

106b
Thursday, April 9, 2026
medium
Target 99 comparison
View CSS (106 bytes)
*{margin:210 170-90 50;border-radius:1in;box-shadow:0 0 0 5ch,0-25ch 0-5ch;*{margin:0-120 0 120;color:#fff

Target #100

156b
Friday, April 10, 2026
medium
Target 100 comparison
View CSS (156 bytes)
*{background:radial-gradient(1q,#F0CD48 74q,#394257 0);*{margin:100 180 130 150;color:394257;box-shadow:inset 1in 0,10vh 10vh,58q 58q 0-5vh,-25px -25px 0-5v

Target #101

197b
Saturday, April 11, 2026
medium
Target 101 comparison
View CSS (197 bytes)
&{background:#0e42}p{+p{rotate:90deg;margin:60 142;mask:linear-gradient(45deg,#0000 73q,red 0)}background:#a1e6e4;margin:60 182-200 102;height:120;border:10vh solid#6d62ba;border-radius:1in 1in 0 0

Target #102

176b
Sunday, April 12, 2026
medium
Target 102 comparison
View CSS (176 bytes)
*{background:radial-gradient(1q,#F3AC3C 11em 0,#442929)-11q -5px/35vw;*{margin:65 110;font:3.8q'';p{margin:0 40;border:solid#F3AC3C;border-width:0 40 0 20;height:170;scale:-1 1

Target #103

219b
Monday, April 13, 2026
easy
Target 103 comparison
View CSS (219 bytes)
&{border:5vw solid#588A95;background:conic-gradient(at 110px 110px,#588A95 75%,#2F5A76 0)215px 11q/100%130px;*{margin:30 220 30 35;border:solid;border-width:100 0 100 100;border-color:#0000#E8AD6D;p{margin:-100 0-100-20

Target #104

144b
Tuesday, April 14, 2026
medium
Target 104 comparison
View CSS (144 bytes)
&{margin:60 95 150;background:#E76;border:solid#F2EAA8;border-radius:0 1in 1in 0;border-width:30 30 30 0;*{margin:0 60-120 90;background:#F2EAA8

Target #105

138b
Wednesday, April 15, 2026
medium
Target 105 comparison
View CSS (138 bytes)
&{margin:87 232 87 42;background:#2FAA8B;*{color:17405B;box-shadow:inset 2in 0,95px -69q,95px 69q,201q 0,60vw -50vh 0 5ch,245px 50vh 0 5ch

Target #106

164b
Thursday, April 16, 2026
medium
Target 106 comparison
View CSS (164 bytes)
&{background:#E8AD6D;margin:35 32;p{+p{color:A84A4B;scale:1-1}margin:10 0;border-radius:5vw;width:100;height:100;color:#fff;box-shadow:inset 0 25vw,29mm 29mm,55vw 0

Target #107

123b
Friday, April 17, 2026
medium
Target 107 comparison
View CSS (123 bytes)
&{background:radial-gradient(1q,#B5BD49 53q,#3F4869 0 95px,#0000),conic-gradient(at 45vh 42vh,#3F4869 75%,#B5BD49 0)90q 37q

Target #108

191b
Saturday, April 18, 2026
medium
Target 108 comparison
View CSS (191 bytes)
*{margin:125 70;height:50;background:#E75044;color:E5E5E3;border-radius:1in 1in 0 0;box-shadow:0 6.25em#E75044,0 0 0 10em,-116q 10pc,116q 10pc,-32q -53q;*{height:250;margin:-100 90 80;font:0'

Target #109

222b
Sunday, April 19, 2026
easy
Target 109 comparison
View CSS (222 bytes)
&{background:#2f5c24;margin:57 72 0 114;*{height:5ch;color:EBCB58;border:3.75ch solid;border-left:0;border-radius:0 54em 54em 0;p{scale:-1;margin:40 20 0-42}h1{margin:-120 49;height:74Q;box-shadow:62Q 95Q,-75Q -95Q;font:0"

Target #110

107b
Monday, April 20, 2026
medium
Target 110 comparison
View CSS (107 bytes)
*{
  background:radial-gradient(1q at top,#0000 5ch,#38051E 0 110px,#0000)0 var(--t,95px#DE387B);*{--t:150q

Target #111

174b
Tuesday, April 21, 2026
medium
Target 111 comparison
View CSS (174 bytes)
*{background:conic-gradient(#C0A623 75%,#D9D9D9 0)fixed 25vw 25vh;border:solid#4A4A23;border-radius:1.6lh;border-width:2.5pc 8.75ch;margin:50 100;*{margin:-60 15;font:3.7q/0'

Target #112

124b
Wednesday, April 22, 2026
medium
Target 112 comparison
View CSS (124 bytes)
*{margin:90 40;background:linear-gradient(-60deg,#F7BED9 88q,#0000 0 141q,#F7BED9 0 54mm,#0000 0 269q,#F7BED9 0)space#66284A

Target #113

169b
Thursday, April 23, 2026
medium
Target 113 comparison
View CSS (169 bytes)
&{background:#4C4C6B;*{border-radius:1in;background:#FAE29E;color:4A9A86;margin:130 180;box-shadow:0 0 0 10vh,-140px 0,140px 0,-35vw 0 0 10vh#FAE29E,35vw 0 0 10vh#FAE29E

Target #114

149b
Friday, April 24, 2026
medium
Target 114 comparison
View CSS (149 bytes)
&{background:radial-gradient(1q,#111 15vw,#F7CB71 0 25vw,#A34F50);*{background:repeating-conic-gradient(#fff 0 25%,#0000 0 50%);clip-path:circle(25vw

Target #115

110b
Saturday, April 25, 2026
medium
Target 115 comparison
View CSS (110 bytes)
*{margin:20 44;background:#405C48;border-inline:var(--t,5ch)solid#F7EC7D;*{height:100;margin:160 10 0;--t:25vw

Target #116

151b
Sunday, April 26, 2026
medium
Target 116 comparison
View CSS (151 bytes)
body{background:#E955;display:flex;flex-wrap:wrap;gap:5ch 15vw;margin:70 30}p{margin:0;width:60;height:40;color:594C94;box-shadow:inset 5ch 5vw,5ch 5vw

Target #117

251b
Monday, April 27, 2026
easy
Target 117 comparison
View CSS (251 bytes)
&{background:#6592CF;[b]{border-radius:50%}p{+p{color:6592CF;width:70;height:15;box-shadow:0 8vw,0 59vh,-5lh 7em,5lh 7em}margin:auto;width:30;height:30;color:282342;box-shadow:-37q 50q,37q 50q,-37q 69vh,37q 69vh,-132q 134q,132q 134q,-58q 134q,58q 134q

Target #118

133b
Tuesday, April 28, 2026
medium
Target 118 comparison
View CSS (133 bytes)
&{background:#C72C}[a]{rotate:90deg}p{position:fixed;width:20;height:220;margin:22 attr(t px,172);background:#D9D9D9;border:11q solid

Target #119

230b
Wednesday, April 29, 2026
easy
Target 119 comparison
View CSS (230 bytes)
&{background:#E3DCD1}*+*{margin:120 30 40;border:10vh solid#0D2A58;background:radial-gradient(1q at 50%116q,#0D2A58 74q,#0000),linear-gradient(90deg,#D95F5B 50%,#5CF2F7 0);-webkit-mask:radial-gradient(5ch at 50%100%,#0000 98%,#000

Target #120

179b
Thursday, April 30, 2026
medium
Target 120 comparison
View CSS (179 bytes)
&{margin:20 320 220 20;color:EED9D9;box-shadow:inset 15vw 0,15vw 15vw,30vw 30vw,45vw 45vw,30vw 5vw,45vw 20vw,60vw 35vw,75vw 50vw,30vw 15vw#668884,45vw 30vw#668884,0 0 0 4in#394257