CSS Battle Solutions

May 2026

30 solutions completed this month

Target #121

181b
Friday, May 1, 2026
medium
Target 121 comparison
View CSS (181 bytes)
&{background:radial-gradient(1q at 50%100%,#A34F50 110px,#7DD8C1)0 37q;margin:125 0 0;*{margin:35 170 50;background:#FBFAE2;color:7DD8C1;box-shadow:0 65vw 0 45mm#3A6430,-5ch 0,5ch 0

Target #122

185b
Saturday, May 2, 2026
medium
Target 122 comparison
View CSS (185 bytes)
*{background:linear-gradient(90deg,#525142 15%,#E25C57 0 30%,#525142 0 70%,#84BE8D 0 85%,#525142 0);*{margin:50 170 190 80;border-radius:1in;background:#E25C57;box-shadow:5lh 74q#84BE8D

Target #123

217b
Sunday, May 3, 2026
easy
Target 123 comparison
View CSS (217 bytes)
&{background:#F8D2D1}p{+p{transform-origin:58q 55vh;rotate:90deg}margin:10 162-90;height:80;background:radial-gradient(1q,#0000 5vh,#529CAF)0 5px/99%5ch;box-shadow:0 5ch#529CAF;-webkit-box-reflect:below attr(t vw,30vw

Target #124

141b
Monday, May 4, 2026
medium
Target 124 comparison
View CSS (141 bytes)
*{background:radial-gradient(1q,#4C4C6B 25vw,#EBF6F0);*{margin:10 100;background:conic-gradient(#0000 25%,#4A9A86 0 50%,#0000 0 75%,#4A9A86 0

Target #125

239b
Tuesday, May 5, 2026
easy
Target 125 comparison
View CSS (239 bytes)
*{*{margin:65 115;width:74q;height:74q;border-radius:1in;color:E25C57;box-shadow:inset 25vw 0,0 25vw#3F4869,25vw 0#3F4869,25vw 25vw}background:50%50%/50%50vw no-repeat#C0D6E7 conic-gradient(#E25C57 25%,#3F4869 0 50%,#E25C57 0 75%,#3F4869 0

Target #126

189b
Wednesday, May 6, 2026
medium
Target 126 comparison
View CSS (189 bytes)
*{background:#4A9A86;margin:25%150;color:F3EAD2;box-shadow:6.25em 6.25em,-6.25em -6.25em;*{border-radius:6em;color:173889;margin:15;font:8px'';p{position:fixed;margin:-15;padding:50;font:0'

Target #127

182b
Thursday, May 7, 2026
medium
View CSS (182 bytes)
body{background:#3157B4;margin:30 80;display:grid;grid-template-columns:repeat(2,1fr);p{background:#84BE8D;border:11q solid#060F55;border-radius:0 0 53q 0;margin:10;rotate:attr(t deg

Target #128

174b
Friday, May 8, 2026
medium
Target 128 comparison
View CSS (174 bytes)
p{+p{margin:-70 0 0 125}--t:1in;margin:2 84%0-45;padding:15;border:5vw solid#EEE}&,p+p{>*{margin:65 125;background:#EEE}background:#DF914B}*{border-radius:var(--t,0 0 5vw 5vw

Target #129

190b
Saturday, May 9, 2026
medium
Target 129 comparison
View CSS (190 bytes)
&{*{margin:120 100 70;border:32q solid#0088CA;border-top:0}--t:40%,#0088CA 5vh,#A6CE39 0 35px,#0000;background:radial-gradient(1q at 115px var(--t)),radial-gradient(1q at 95vh var(--t))#09A1

Target #130

102b
Sunday, May 10, 2026
medium
Target 130 comparison
View CSS (102 bytes)
&{background:conic-gradient(at 5em 15vw,#E2AD56 25%,#E25C57 0 50%,#222 0 75%,#E25C57 0)53q 0/55vw 15em

Target #131

140b
Monday, May 11, 2026
medium
Target 131 comparison
View CSS (140 bytes)
&{margin:50;background:radial-gradient(1q at 50%0,#B53733 0 5lh,#fff)6vh 69q/4in 4in;*{margin:10 120 10 0;border:5vw solid;border-radius:1in

Target #132

87b
Tuesday, May 12, 2026
hard
Target 132 comparison
View CSS (87 bytes)
&{border:64q solid#556D7F;background:conic-gradient(#556D7F 25%,#F4DCBF 0)0 5vw/100%5ch

Target #133

229b
Wednesday, May 13, 2026
easy
Target 133 comparison
View CSS (229 bytes)
*{box-shadow:var(--t,349q 0#eee,0 0 0 4in#6592CF,inset 2in 0#eee);margin:50 350 50 20;*{p{+p{margin:-60-5 0;height:40;--t:115px 0#eee,215px 0}height:140;--t:5em 63q#eee,265q 63q#eee}margin:0 0 30;color:173889;--t:5ch 32q,307q 32q

Target #134

131b
Thursday, May 14, 2026
medium
Target 134 comparison
View CSS (131 bytes)
&{background:#EBE77E;border:25vw solid#1A4341;margin:-50 0;*{background:linear-gradient(#84BE8D 50%,#1A4341 0);clip-path:circle(38%

Target #135

166b
Friday, May 15, 2026
medium
Target 135 comparison
View CSS (166 bytes)
&{background:#1F1446;*{p{height:50;margin:0 35;color:1F1446;box-shadow:inset 5em 0,0 5lh,0 45vw}background:linear-gradient(#FFCA00 5em,#0000 0)0 0/1%5lh;margin:20 125

Target #136

158b
Saturday, May 16, 2026
medium
Target 136 comparison
View CSS (158 bytes)
*{background:#cf596a;border:6vw solid#F3EAD2;margin:66 212 66 74;*{margin:-24-162-24 114;p{margin:36 72 0-66;color:CF596A;box-shadow:15vw 0,-15vw 0;scale:.4.5

Target #137

139b
Sunday, May 17, 2026
medium
Target 137 comparison
View CSS (139 bytes)
&{background:#594C94;*{margin:20;border:5vw solid#EEE;--t:radial-gradient(1q,#594C94 5lh,#0000);background:var(--t)0 29mm,var(--t)10em,#EEE

Target #138

227b
Monday, May 18, 2026
easy
Target 138 comparison
View CSS (227 bytes)
&{border:10vh solid#9ff0fb;background:radial-gradient(1Q,#9ff0fb 50px,#0000)-70px 0/60vw 90vw,radial-gradient(1Q,#3f8ba6 50px,#9ff0fb)-10px 0/30vw 30vw;*{margin:105 155;color:3F8BA6;box-shadow:inset 1in 0,-15vw -15vw,15vw -15vw

Target #139

178b
Tuesday, May 19, 2026
medium
Target 139 comparison
View CSS (178 bytes)
*{margin:110 160;color:B29DF7;box-shadow:inset 10lh 0,7.5ch 7.5ch,-7.5ch 7.5ch,7.5ch -7.5ch,-7.5ch -7.5ch,0 0 0 1.1lh#B29DF7,0 0 0 9lh#EFEADE;*{margin:20;color:594F7C;font:8pt/0'

Target #140

126b
Wednesday, May 20, 2026
medium
Target 140 comparison
View CSS (126 bytes)
*{background:#30383F;margin:100 20;border:solid#F4DCBF;border-width:var(--t,25px 0);*{p{--t:0;height:230}margin:-75 50;--t:53q

Target #141

155b
Thursday, May 21, 2026
medium
Target 141 comparison
View CSS (155 bytes)
&{margin:90 140;background:conic-gradient(#E8AD6D 270deg,#32360E 0);color:32360E;box-shadow:-15vw -15vw 0 15vw,15vw 15vw#A84A4B,0 0 0 15vw#E8AD6D,0 0 0 2in

Target #142

89b
Friday, May 22, 2026
hard
Target 142 comparison
View CSS (89 bytes)
*{background:#0D2A58;margin:80 30;border:5vw solid#F5E3B5;*{margin:0 30;border-width:35 0

Target #143

165b
Saturday, May 23, 2026
medium
Target 143 comparison
View CSS (165 bytes)
*{background:#3157B4;margin:0;p{width:210;height:156;color:060F55;box-shadow:0 4vw,inset 5lh 9vw#3157B4,inset 45mm 30vw#84BE8D,inset 0 2in;+p{scale:-1;margin:-12 190

Target #144

193b
Sunday, May 24, 2026
medium
Target 144 comparison
View CSS (193 bytes)
*{background:radial-gradient(1q at 0,#2F5A76 5em,#E8AD6D 0 130px,#2F5A76)45vh;*{border:53q solid#E8AD6D;border-radius:2in;margin:20 5 20 135;background:linear-gradient(90deg,#E8AD6D 2em,#0000 0

Target #145

232b
Monday, May 25, 2026
easy
Target 145 comparison
View CSS (232 bytes)
*{background:#F8D2D1;border:solid#DE6B67;border-width:0 40;margin:20;*{border-width:40 40 0 0;margin:160 180 0 0;-webkit-box-reflect:right var(--t,10ch);p{--t:-5ch;background:#0000;border-color:2F5A76;margin:-100-100 0 40;height:120

Target #146

207b
Tuesday, May 26, 2026
easy
Target 146 comparison
View CSS (207 bytes)
&{background:#A84A4B;border-radius:1in 1in 0 0;border:5ch solid#F5E3B5;margin:70 180 70 100;*{margin:0;color:A84A4B;box-shadow:inset 0-5ch#30383F,0 5ch,30vw 5vw#F5E3B5,30vw 5ch#F5E3B5,30vw 0,30vw -5ch#30383F

Target #147

250b
Wednesday, May 27, 2026
easy
Target 147 comparison
View CSS (250 bytes)
&{margin:12 62;background:#FD13;*{--t:radial-gradient(1q,#B9C99F 30px,#0000);background:var(--t)0-70px/100%50vw,var(--t)-70px/50vw,radial-gradient(1q,#7C3219 30px,#0000)-5vw -5vw/25vw 25vw,conic-gradient(at 80%5vw,#0000 75%,#7C3219 0)5vw 5vw/100%50vw

Target #148

246b
Thursday, May 28, 2026
easy
Target 148 comparison
View CSS (246 bytes)
&{background:radial-gradient(1q at 50%105%,#64DFE3 25vw,#534848);*{background:radial-gradient(1q,#FFF 30px,#31696B 0)-5px 0/53%;border-radius:1in;margin:110 115;color:64DFE3;box-shadow:0 0 0 5vh,5ch 0 0 5vh,-5ch 0 0 5vh,5lh 0 0-10px,-5lh 0 0-10px

Target #149

154b
Friday, May 29, 2026
medium
Target 149 comparison
View CSS (154 bytes)
*{background:#CF596A;margin:40 90;border:solid#F3EAD2;border-width:40 var(--t,)40;*{--t:0 0;padding:50;background:0;margin:0;translate:0 40pt;rotate:45deg

Target #151

139b
Sunday, May 31, 2026
medium
Target 151 comparison
View CSS (139 bytes)
*{background:#556D7F;color:F4DCBF;margin:50 10;border-block:4.2ex dashed;*{margin:0 95;width:130;height:140;border-inline:32q solid;font:0'