24/10/2024

<div class="grid">
  <div class="bx"></div>
  <div class="bx"></div>
  <div class="bx"></div>
  <div class="bx"></div>
</div>
<div class="abs"></div>
<div class="abs absh"></div>
<style>
  body{background: #F3AC3C; margin: 0; position: relative;}
  .grid {
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3.1rem;
  }
  .bx {
    width: 100%;
    height: 100%;
    background: #434B92;
  }
  .abs {
    position: absolute;
    background: #F3AC3C;
    height: 11.9rem;
    width: 6.2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .absh {transform: translate(-50%, -50%) rotate(90deg)}
</style>