Grid - CSS Grid

<div class="overflow-hidden">
  <div class="grid grid-cols-3 grid-gap">
    <div class="bg-sky-light flex justify-center items-center rs-p-3 type-3 font-bold">
      1
    </div>
    <div class="bg-sky-light flex justify-center items-center rs-p-3 type-3 font-bold">
      2
    </div>
    <div class="bg-sky-light flex justify-center items-center rs-p-3 type-3 font-bold">
      3
    </div>
    <div class="col-span-2 bg-sky-dark text-white flex justify-center items-center rs-p-3 type-3 font-bold">
      4
    </div>
    <div class="bg-sky-light flex justify-center items-center rs-p-3 type-3 font-bold">
      5
    </div>
    <div class="bg-sky-light flex justify-center items-center rs-p-3 type-3 font-bold">
      6
    </div>
    <div class="col-span-2 bg-sky-dark text-white flex justify-center items-center rs-p-3 type-3 font-bold">
      7
    </div>
    <div class="col-span-3 bg-sky text-white flex justify-center items-center rs-p-3 type-3 font-bold">
      8
    </div>
  </div>
</div>