CSS Battle – Daily Targets – Apr 11, 2025

[meg-gutshall]

Link to battle:

Let's battle! ⚔️

Copy the code block below to format your comment on the discussion thread:

<details>
<summary>Code Source – <strong>score {characters}</strong></summary>
<!-- have to be followed by an empty line! -->

```html
your cssbattles code here!
```

</details>

What others will see:

This will result in a nice hidden bit like so:

Code Source – score {characters}

your cssbattles code here!

[Narigo]

Code Source – 604.67 {467}

<div s></div>
<div p></div>
<style>
  &{background:#A4C5BD}
  div {
    position:fixed;
    left: 105;
    top:80;
    width: 190;
    height: 140;
    border-radius:50px 50px 0 0;
    background: #D96C7B;
  }
  [s]{
    left:245;
    width:20;
    top:160;
    box-shadow:-10px 0 #8D424D;
  }
  [p]:before {
    border-radius:50px 50px 0 0;
    position:fixed;
    content:'';
    height:140;
    width:100;
    background:#8D424D;
  }
</style>

[meg-gutshall]

Score: 603.82 {488}, 100% match – Code

Minified – 617.72 {327}

<p b><p p><style>body{background:#a4c5bd;margin:80 0 0 105}p{background:#d96c7b;position:relative;margin:0}[b]{width:190;height:140;border-radius:50px 50px 0 0}[b]::before{content:"";position:fixed;width:100;height:140;border-radius:50px 50px 0 0;background:#8d424d}[p]{width:20;height:80;border-left:10px solid#8d424d;left:130