CSS Battle Solutions

March 2026

28 solutions completed this month

Target #60

113b
Sunday, March 1, 2026
medium
Target 60 comparison
View CSS (113 bytes)
*{background:#AC342E;border:solid#FFEDB7;border-width:160 50 0;margin:70 90 20 40;*{margin:-210-100 50 0;scale:-1

Target #61

99b
Monday, March 2, 2026
hard
Target 61 comparison
View CSS (99 bytes)
*{margin:25 5ch;background:#565B75;border:double#EED9D9;border-width:var(--t,0)60 0;*{font:0 a;--t:

Target #62

127b
Tuesday, March 3, 2026
medium
Target 62 comparison
View CSS (127 bytes)
*{background:#3C8B98;border:5ch solid#F4DA64;border-radius:138q;margin:60-130-120 270;*{margin:-40 360-40-440;*{margin:-140-340

Target #63

179b
Wednesday, March 4, 2026
medium
Target 63 comparison
View CSS (179 bytes)
*{background:#3C8B98;*{margin:130 55 40;background:#BFFFAE;;p{translate:130%-5lh;width:50;height:80;color:3C8B98;box-shadow:-15vw 0#FFF,15vw 0#FFF,-15vw 85q 0 10px,15vw 85q 0 10px

Target #64

151b
Thursday, March 5, 2026
medium
Target 64 comparison
View CSS (151 bytes)
*{margin:0;background:radial-gradient(1q at 50%var(--t,50%,#000 5lh,#983C50));*{translate:0 50vh;--t:0,#000 5ch,#fff 0 74q,#000 0 5lh,#fff 0 30vw,#0000

Target #65

102b
Friday, March 6, 2026
medium
Target 65 comparison
View CSS (102 bytes)
&{margin:60 85;color:243D83;box-shadow:-5vh 5vh 0 5vh,5vh -5vh 0 5vh,0 0 0 1in#5DC392,inset 3in 0#4443

Target #66

143b
Saturday, March 7, 2026
medium
Target 66 comparison
View CSS (143 bytes)
&{border-block:32q solid#F3AC3C;background:radial-gradient(1q,#fff 32q,#222 0 53q,#F3AC3C)0 0/50%50%;*{border-block:15vw solid#FFF;margin:30 95

Target #67

165b
Sunday, March 8, 2026
medium
Target 67 comparison
View CSS (165 bytes)
*{background:#7D5E8B;*{p{margin:0;scale:-1 1;height:120}margin:150 140;color:E38F66;box-shadow:-30vw 0,0-30vw;background:radial-gradient(1q at 0 0,#FFEAAB 30vw,#0000

Target #68

165b
Monday, March 9, 2026
medium
Target 68 comparison
View CSS (165 bytes)
*{margin:50 85%50 30;border-radius:1in 1in 0 0;color:#7E6293;box-shadow:90vh 0,5pc 0,0 0 0 30em#EBE77E,inset 1in 0;*{margin:0-310 0 310;scale:-1;color:DE817E;font:0'

Target #69

124b
Tuesday, March 10, 2026
medium
Target 69 comparison
View CSS (124 bytes)
*{color:#fff;margin:100 140;box-shadow:inset 2in 0,-64q 0 0-32q,64q 0 0-32q,0 0 0 9em#243D83;*{margin:0;rotate:90deg;font:0'

Target #70

144b
Wednesday, March 11, 2026
medium
Target 70 comparison
View CSS (144 bytes)
*{background:#D95362;*{background:radial-gradient(at 0 0,#D9D9D9 130px,#0000 0);margin:135 85;width:230;height:230;p{scale:-1;translate:-37%-87%

Target #71

146b
Thursday, March 12, 2026
medium
Target 71 comparison
View CSS (146 bytes)
*{background:#19E1;color:48BF7D;border:5vw solid;*{+*{border-width:45}margin:0 0 170 250;box-shadow:-250px 180q,-250px 90vh;p{margin:-155-185 0 65

Target #72

128b
Friday, March 13, 2026
medium
Target 72 comparison
View CSS (128 bytes)
*{background:#6D1B24;color:FADE8B;border:dotted;border-width:53q 0 0;margin:125 35;*{margin:-50 70;*{margin:-30;border:5px solid

Target #73

141b
Saturday, March 14, 2026
medium
Target 73 comparison
View CSS (141 bytes)
*{background:radial-gradient(1q var(--t,,#F5E3B5 74q),#328FC1 0 25vw,#F5E3B5);*{margin:20 80 170 220;--t:at 0 100%;box-shadow:-5vw 5vw#F5E3B5

Target #74

122b
Sunday, March 15, 2026
medium
Target 74 comparison
View CSS (122 bytes)
&{margin:110 160;color:998235;box-shadow:138q 0,-138q 0,0 138q,0-138q,0 0 0 5vh#F3AC3C,inset 0 5em#F3AC3C,0 0 0 2in#0B2429

Target #75

139b
Monday, March 16, 2026
medium
Target 75 comparison
View CSS (139 bytes)
*{margin:15 100;background:#556d7f;color:8BFA94;box-shadow:0 0 0 2in;*{margin:50 130 70 20;background:#8bfa94;box-shadow:116q 5vw,116q 70px

Target #76

202b
Tuesday, March 17, 2026
easy
Target 76 comparison
View CSS (202 bytes)
*{background:radial-gradient(1q,#9D92C8 53q,#3A2568)50%-11%/140%55%;margin:50 90;border-inline:5vw solid#9D92C8;*{margin:90 0;border-width:40;background:0;color:3A2568;box-shadow:0 140q 0 9q,0-140q 0 9q

Target #77

146b
Wednesday, March 18, 2026
medium
Target 77 comparison
View CSS (146 bytes)
&{margin:120 260 0 0;color:323138;box-shadow:0-30vw,65vw -45vw,65vw 15vw,inset 0-30vw;*{margin:-50 70;width:120;height:20;border:70px solid#328FC1

Target #78

168b
Thursday, March 19, 2026
medium
Target 78 comparison
View CSS (168 bytes)
&{background:#2936;margin:62 47;*{background:repeating-conic-gradient(at 10vh 10vh,#3F4869 0 25%,#0000 0 50%)0 0/130px 130px,linear-gradient(#3F4869 10vh,#0000 0)0 65px

Target #79

196b
Friday, March 20, 2026
medium
Target 79 comparison
View CSS (196 bytes)
&{background:#352939;div{margin:145 24%-155;height:10;background:#fade8b}p{transform-origin:144%5ch;margin:110 227-190 77;height:80;background:#a76dff;border-radius:0 1in 1in 0}*{rotate:attr(r deg

Target #80

211b
Saturday, March 21, 2026
easy
Target 80 comparison
View CSS (211 bytes)
&{background:#983c50;*{margin:15 65;background:conic-gradient(at 110px 10vh,#0000 75%,#3D101A 0)5pc 30vw,conic-gradient(at 30vw 30vw,#0000 75%,#983C50 0)0 0/50vh 50vh,radial-gradient(#fff 5vh,#0000 0)-5q/5ch 5ch

Target #81

186b
Sunday, March 22, 2026
medium
Target 81 comparison
View CSS (186 bytes)
&{background:#f3ac3c;margin:127 120;*{border:5vh solid#2d696f;p{+p{margin:-250-133;scale:-1}margin:-15 107;width:80;height:80;background:#fcf3f0;border-width:30;border-radius:0 50%50%50%

Target #82

208b
Monday, March 23, 2026
easy
Target 82 comparison
View CSS (208 bytes)
&{background:#4a9a86;color:4a9a86;margin:135 87 0;box-shadow:46vh -215px,-46vh -215px,43mm -53q,-43mm -53q,0-25vw#FAE29E;*{margin:0 8;background:radial-gradient(75vw at 100%0,#0000 5pc,#fae29e 0 43.3%,#0000 0

Target #83

199b
Tuesday, March 24, 2026
medium
Target 83 comparison
View CSS (199 bytes)
&{background:#18ab;*{background:radial-gradient(4q 1.1q,#2b2a4a 6.1lh,#0000),conic-gradient(at 53q 25%,#0000 75%,#f4da64 0)185q 30vw;margin:110 0;height:200;p{margin:-88 0;+p{margin:-270 0;+p{font:0'

Target #84

226b
Wednesday, March 25, 2026
easy
Target 84 comparison
View CSS (226 bytes)
*{background:radial-gradient(at 50%100%,#F5DB78 attr(t %,45%),#7A60A1 0)}*{margin:0-30;border:2.5ch solid#7A60A1}h1{width:20;color:7A60A1;box-shadow:50vh 25vw,110vh 25vw}p{margin:0 175;border-radius:1in;}p,h1{height:70;font:0'

Target #85

171b
Thursday, March 26, 2026
medium
Target 85 comparison
View CSS (171 bytes)
&{background:#A82828;p{margin:-8 222 8 22;height:70;border-radius:var(--t,0 0 1in 1in);color:FEF6E2;box-shadow:inset 0 0 1in 1in,25ch 0,25ch 20ch,0 20ch;+p{--t:1in 1in 0 0

Target #86

113b
Friday, March 27, 2026
medium
Target 86 comparison
View CSS (113 bytes)
&{margin:120 220 0 0;color:B5BD49;box-shadow:40vw -15vw 0-15vw#FFF,55vw -30vw,inset 30vw -30vw,0 0 9in 9in#3F4869

Target #87

119b
Saturday, March 28, 2026
medium
Target 87 comparison
View CSS (119 bytes)
*{background:#129;border:30px solid#70CCDB;margin:30 50;*{margin:0 60 10;border-width:0 30 30;border-radius:0 0 1in 1in