5/9/2024

Score
596.66
Characters
770
<body>
  <div class="grid">
    <div class="b1 l1"></div>
    <div class="b2 l1"></div>
    <div class="b3 l1"></div>
    <div class="b4 l1"></div>
    <div class="b1"></div>
    <div class="b2"></div>
    <div class="b3"></div>
    <div class="b4"></div>
  </div>
</body>
<style>
  body {
    background: #9076D8;
    margin: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .grid {
    margin-top: 0.05rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 100px;
    gap: 0.8rem 1rem;
  }
  .b1, .b2, .b3, .b4 { width: 2.75rem; background: #F3EAD2;}
  .b1 {height: 5.85rem;}
  .b2 {height: 3.99rem;}
  .b3 {height: 2.65rem;}
  .b4 {height: 1.72rem;}
  .l1 {align-self: end;}
</style>