CSS Battle Solutions

July 2025

31 solutions completed this month

Target #182

138b
Tuesday, July 1, 2025
medium
Target 182 comparison
View CSS (138 bytes)
*{background:#51A499;color:23384B;margin:50 120;border-left:5em dotted;*{border-inline:5em solid;border-left-color:#0000;margin:40 0 20-80

Target #183

182b
Wednesday, July 2, 2025
medium
Target 183 comparison
View CSS (182 bytes)
*{background:#EFF8FE;+*{margin:50 50 40 40;border:solid#4F77FF;border-width:0 0 10 10;display:flex}p{background:#4F77FF;margin:var(--t,60)0 0 30;width:60;+p{width:50;--t:0;+p{--t:100

Target #184

177b
Thursday, July 3, 2025
medium
Target 184 comparison
View CSS (177 bytes)
html{background:#CE636F;border-top:10ch solid#F7BED9;p{margin:-168 72;padding:120;border-radius:5ch;background:repeating-conic-gradient(#B44141 0 25%,#F7BED9 0 50%)0 0/20ch 20ch

Target #185

208b
Friday, July 4, 2025
easy
Target 185 comparison
View CSS (208 bytes)
p{margin:-10 57;padding:23% 0;border-inline:var(--b,60px)solid#D9D9D9;+p{margin:10 137;--b:55px;img{background:radial-gradient( at bottom,#D9D9D9 0 39.3%,#000 0 70.7%,#0000 0);padding:67.5 135;margin:-243-135

Target #186

116b
Saturday, July 5, 2025
medium
Target 186 comparison
View CSS (116 bytes)
&{border-radius:5vw;box-shadow:0 0 0 2in#F0CD48;margin:110 20}*{border:11q solid#394257;*{margin:16 97%16 28;zoom:.5

Target #187

147b
Sunday, July 6, 2025
medium
Target 187 comparison
View CSS (147 bytes)
&{color:556D7F;border:5vw solid}*{background:#FADE8B;margin:50 40;*{margin:10 65;box-shadow:0-5em,0 5em,-50vh 95px,50vh 95px,-50vh -95px,50vh -95px

Target #188

124b
Monday, July 7, 2025
medium
Target 188 comparison
View CSS (124 bytes)
&{background:#32295A;border-radius:3in;border:250px solid#48BF7D}p{border:5ch solid #32295A;margin:-298;width:370;height:270

Target #189

125b
Tuesday, July 8, 2025
medium
Target 189 comparison
View CSS (125 bytes)
*{--t:32q solid#8CB457;background:#085328}&{margin:30 50;border-block:var(--t);*{height:180;margin:0 30;border-inline:var(--t

Target #190

184b
Wednesday, July 9, 2025
medium
Target 190 comparison
View CSS (184 bytes)
*{color:#2E312B;background:#D9D9D9;box-shadow:30vw 30vw 0 5ch,-30vw 30vw 0 5ch,30vw -30vw 0 5ch,-30vw -30vw 0 5ch;*{background:#2E312B;padding:16;margin:110 40%;border:5vw solid#7AA70A

Target #191

242b
Thursday, July 10, 2025
easy
Target 191 comparison
View CSS (242 bytes)
*{margin:40 115;background:#7AA70A;border:solid#fff;border-width:var(--b,5ch 0);border-radius:var(--r,5ch 5ch 70px);*{margin:0 60 60 0;--b:0 0 5ch 5ch;--r:0 0 0 30px}p{position:fixed;--b:5ch 5ch 5ch 0;margin:40 30;padding:30;--r:0 70px 70px 0

Target #192

205b
Friday, July 11, 2025
easy
Target 192 comparison
View CSS (205 bytes)
&{background:#F7BED9;border:5ch dotted#F069AB;margin:25%60 25%30;padding:6 73;p{position:fixed;color:EC0076;border:solid;border-radius:1in;border-width:20 50;margin:6-61;box-shadow:60vh 0,60vh -20vh,0-20vh

Target #193

166b
Saturday, July 12, 2025
medium
Target 193 comparison
View CSS (166 bytes)
&{outline:5ch solid#504B72}*{--a:#FFFBCC;--b:#504B72;margin:40;background:linear-gradient(var(--a)15vw,var(--b)0 5em)0 0/1q 5em;*{margin:0 100;--a:#504B72;--b:#FFFBCC

Target #194

84b
Sunday, July 13, 2025
hard
Target 194 comparison
View CSS (84 bytes)
&{background:conic-gradient(at 30px 5em,#48BF7D 0 75%,#FFF 75%100%)5vh 5vh/42.5%95px

Target #195

174b
Monday, July 14, 2025
medium
Target 195 comparison
View CSS (174 bytes)
&{margin:23 25 110;background:radial-gradient(1q at 50%0,#CEEDFF 50vh,#0000),radial-gradient(1q at 50%29vh,#2BBBF3 175px,#0000)no-repeat,#CEEDFF;box-shadow:inset 0-5em#05476C

Target #196

154b
Tuesday, July 15, 2025
medium
Target 196 comparison
View CSS (154 bytes)
&{background:#2F5A76;border-block:30px solid#F5BB60;translate:45vh;*{margin:105 380 105-10;border-radius:50%;color:F5BB60;box-shadow:30px 0,40vw 0,-25vw 0

Target #197

203b
Wednesday, July 16, 2025
easy
Target 197 comparison
View CSS (203 bytes)
&{background:#32295A;color:48BF7D;box-shadow:0 var(--a,5vh 0 25px);}p{position:fixed;margin:102 167;padding:25;border-radius:9in;box-shadow:0 var(--a,5vh 0 25px);+p{padding:100;margin:2 92;--a:5ch 0 50px

Target #198

151b
Thursday, July 17, 2025
medium
Target 198 comparison
View CSS (151 bytes)
p{color:243D83;margin:120 162 0 122;background:#6592CF;height:120;box-shadow:15vw 15vw,-15vw -15vw,3vw -3vw#fff,-3vw 3vw#fff,5ch -15vw#6592CF,0 0 0 9in

Target #199

210b
Friday, July 18, 2025
easy
Target 199 comparison
View CSS (210 bytes)
*{background:radial-gradient(1q at 50%var(--t,100%),#F28BBB 159q,#B03F7D 0 185q,#F28BBB);height:110;*{margin:190 0;--t:42%;height:190;p{margin:-80 25;background:#F28BBB;height:80;border-inline:143q solid#680039

Target #200

248b
Saturday, July 19, 2025
easy
Target 200 comparison
View CSS (248 bytes)
&,*+*{background:#B6EBE7;border:solid#9382E4;border-width:0 40 var(--b,0);position:fixed;margin:70 25;padding:80 var(--p,135);*{margin:-80;--p:40;--b:40}p{padding:40;margin:-40-175-40-175;background:#5E2BB7;+p{margin:-40;background:#B6EBE7;border:0

Target #201

225b
Sunday, July 20, 2025
easy
Target 201 comparison
View CSS (225 bytes)
*{border-radius:1in;background:var(--b,radial-gradient(1q,#48BF7D 53q,#FADE8B 0)0-5vw);*{margin:135 130;height:40;box-shadow:0 42q#48BF7D;--b:#48BF7D}p{margin:62.5;height:15;box-shadow:42q 0#fff;--b:#fff;translate:-20.5q -14q

Target #202

222b
Monday, July 21, 2025
easy
Target 202 comparison
View CSS (222 bytes)
*{background:#423F36;border-radius:32q;border:solid var(--c,#BBB);border-width:var(--b,20 0 0);margin:30 175 50;*{margin:10-35;--b:10;outline:10px solid#423F36;p{--b:10;--c:#EC2F28;margin:130 10 0;border-radius:0 0 10q 10q

Target #203

377b
Tuesday, July 22, 2025
easy
Target 203 comparison
View CSS (377 bytes)
*{background:var(--b,#EEE);border:solid#439E6B;border-width:var(--w,14 14 0);margin:var(--m,200 120);height:26;*{--m:-140 16;border-color:#246541;--w:65 50}p{--w:0;border-radius:50%;width:20;height:20;--b:#000;--m:-87-35;-webkit-box-reflect:left var(--t,-70px);+p{--w:0;--m:60-50;width:50;height:50;--b:linear-gradient(#439E6B 17px,#0000 0 29px,#EEE 0 33px,#439E6B 0);--t:-25vw

Target #204

270b
Wednesday, July 23, 2025
easy
Target 204 comparison
View CSS (270 bytes)
*{background:var(--t,#C05F6A);*{--t:#F2EAA8;margin:45 65 105}p{box-shadow:0 60px,-250px 30px,250px 30px,-230px 90px,230px 90px,0 40vh,-70vh 50vh,70vh 50vh;color:C05F6A;--t:#C05F6A;translate:0 30px;padding:15;margin:0;+p{margin:-60 70;width:0;height:180;box-shadow:25vw 0

Target #205

147b
Thursday, July 24, 2025
medium
Target 205 comparison
View CSS (147 bytes)
*{background:var(--b,#328FC1);padding:5;p{--b:#328FC1;margin:0;height:30;--t:1in 99q}border-radius:0 0 var(--t,12q 12q);*{--b:#3D2525;margin:93 170

Target #206

118b
Friday, July 25, 2025
medium
Target 206 comparison
View CSS (118 bytes)
&{background:#FADE8B;border-radius:21q;color:556D7F;width:72;height:72;box-shadow:36vw 17vw,41vw 40vw,59vw 22vw#D24444

Target #207

128b
Saturday, July 26, 2025
medium
Target 207 comparison
View CSS (128 bytes)
*{border-radius:10px}p{border:55px solid var(--t,#5528A5);margin:70 92;+p{--t:#6855BF;margin:-140 72;+p{--t:#9E8DEC;margin:70 52

Target #208

248b
Sunday, July 27, 2025
easy
Target 208 comparison
View CSS (248 bytes)
*,[a]{background:#DC9DA6}p{position:fixed;background:linear-gradient(#0000 45%,#6E3C3C 0 55%,#0000 0);width:200;height:200;margin:42 92;+p{rotate:90deg;+[a]{margin:92 142;width:40;height:40;border-radius:50%;border:32q solid#6E3C3C;+p{rotate:-45deg

Target #209

136b
Monday, July 28, 2025
medium
Target 209 comparison
View CSS (136 bytes)
&,&>*{border-radius:50%;background:#EBE77E;margin:60 110}*{border:5vw solid#7E6293;*{margin:20}p{border-width:10;margin:-30 20;height:40

Target #210

177b
Tuesday, July 29, 2025
medium
Target 210 comparison
View CSS (177 bytes)
*{background:#D94E4E;border:solid#010201;border-width:0 var(--t,30)30;margin:160 45 70;*{margin:-300 75;--t:50;p{border:32q solid#FEFF58;border-radius:9in;height:205;margin:-125

Target #211

188b
Wednesday, July 30, 2025
medium
Target 211 comparison
View CSS (188 bytes)
*{border:0 solid#FEFF58}&,p{background:#48BF7D;border-width:0 0 30 30}&{border-radius:2in;border-width:30;margin:50 85;p{height:170;margin:-38 2-38 92;box-shadow:42q 0#48BF7D,-32q 0#3E5AA9

Target #212

152b
Thursday, July 31, 2025
medium
Target 212 comparison
View CSS (152 bytes)
[b]{border-width:0 50 0 0}[a]{border-width:0 50 50}p{color:F0CD48;margin:var(--t,20)102 80;height:80;border:dotted;+p+p{--t:-345;border:solid;+p{--t:-85