<style>
* {
background: #0D004C;
}
*>* {
margin: 0;
--x: linear-gradient(#0D004C 0 50%, #B8B7CC 0);
background: var(--x) 0/200px 60px repeat-y, var(--x) 200px -30px/200px 60px repeat-y;
clip-path: inset(60px+80px);
}
</style>
Attempt | Score | Link |
---|---|---|
1 | 635.88 {253}, 100.0% match | Link to the solution |
2 | 645.97 {227}, 100.0% match | Link to the solution |
3 | 680.66 {168}, 100.0% match | Link to the solution |
1.) 636.57 {251}, 100.0% match
<p>
<style>
* {
background: #0D004C;
}
*>* {
background: linear-gradient(#0D004C 0 50%, #B8B7CC 0) 0/60% 15vw repeat-y;
clip-path: inset(25%+9ch);
}
p {
clip-path: none;
padding: 150 100;
margin: -38 192;
}
</style>
Minified version: 679.14 {170}, 100.0% match
<p><style>*{background:#0d004c}p{clip-path:none;padding:150;margin:-38+192}*>*{background:linear-gradient(#0d004c,50%,#b8b7cc+0)0/60%15vw repeat-y;clip-path:inset(25%+9ch