26/01/2025

Score
594.81
Characters
696
26/01/2025 image
<div class="row">
  <div class="bar"></div>
  <div class="bar"></div>
</div>
<div class="row center">
  <div class="bar"></div>
</div>
<div class="row">
  <div class="bar"></div>
  <div class="bar"></div>
</div>
<div class="line"></div>
<style>
  body {
    margin: 3.76rem 0;
    background: #AC342E;
  }
  .row {
    display: flex;
    justify-content: space-between;
    margin: 2.85rem 0;
  }
  .center {justify-content: center}
  .bar {
    width: 7.5rem;
    height: 1.85rem;
    background: #FFF;
  }
  .center > .bar {width: 10rem}
  .line {
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% 0;
    background: #FFF;
    height: 100%;
    width: 1.85rem;
  }
</style>
https://rua-iri.com/css_battle/26-01-2025/