2024-6-1.md

Daily target #2024-6-1

1° método

390 caracteres em 24/06/2024.

<div class="conjunto">
  <div class="caixa1 caixas"></div>
  <div class="caixas"></div>
</div>
<style>
  body {
    margin: 0;
    background: #0A6190;
  }
  .conjunto {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 100px;
  }
  .caixas {
    width: 100px;
    height: 200px;
    background: #328FC1;
  }
  .caixa1 {
    margin-top: 100px;
  }
</style>

Notas

Revisar: a propriedade align-self no seletor .caixa1 não surtiu efeito, por isso optei por margin. 🤔

---

---

Link para Daily target #2024-6-1 em CSSBattle.dev.