030.md

Target #30 (Horizon)

1° método

307 caracteres em 15/05/2024.

<div></div>
<style>
  body {
    margin: auto;
  }
  div {
    width: 100%;
    height: 100%;
    background: linear-gradient(
      to bottom,
      #F7EC7D 50px,
      #E38F66 50px,
      #E38F66 100px,
      #AA445F 100px,
      #AA445F 200px,
      #62306D 200px,
      #62306D 300px
    );
  }
</style>

2° método

338 caracteres em 21/06/2024.

<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
<div id="d"></div>
<style>
  body {
    margin: 0;
  }
  #a {
    height: 50px;
    background: #F7EC7D;
  }
  #b {
    height: 50px;
    background: #E38F66;
  }
  #c {
    height: 100px;
    background: #AA445F;
  }
  #d {
    height: 100px;
    background: #62306D;
  }
</style>

---

---

Link para Target #30 (Horizon) em CSSBattle.dev.