23/07/2025

Score
600.38
Characters
729
23/07/2025 image
<div class="bar bar1"></div>
<div class="bar bar2"></div>
<div class="bar bar3"></div>
<div class="bar bar4"></div>
<div class="col-container">
  <div class="col"></div>
  <div class="col"></div>
</div>
<style>
  body {
    margin: 2.8rem 0;
    background: #C05F6A;
  }
  .bar {
    background: #F2EAA8;
    height: 1.9rem;
    width: 20rem;
    margin: 1.85rem auto;
  }
  .bar1 {width: 16.9rem}
  .bar2 {width: 14.4rem}
  .bar3 {width: 11.9rem}
  .bar4 {width: 9.4rem}
  .col-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex; 
    justify-content: center;
    gap: 4.35rem;
  }
  .col {
    width: 1.9rem;
    height: 100%;
    background: #C05F6A;
  }
</style>
https://rua-iri.com/css_battle/23-07-2025/