JSFiddle - React, Tailwind, and code Playground

by willystyle

HTML

<div class="grid">
  <div>01</div>
  <div>02</div>
  <div>03</div>
  <div>04</div>
  <div>05</div>
</div>

CSS

.grid {
  display: grid;
  grid-template-columns: 200px 200px;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 80px;
}

.grid > div {
  padding: 20px;
  background: #001043;
  color: white;
  font-size: 2rem;
  text-align: center;
}

.grid > div:last-child {
  grid-column: 1 / 3;
  margin: 0 40px;
}