JSFiddle - React, Tailwind, and code Playground

HTML

<div class="square-container">

  <div class="square">
  </div>

  <div class="square">
  </div>

  <div class="square">
  </div>

  <div class="square">
  </div>

  <div class="square">
  </div>

</div>

CSS

.square-container {
  display: grid;
  grid-template-columns:repeat(3,1fr);
  grid-gap: 10px;
}

.square {
  border: 1px solid;
  aspect-ratio:1/1;
}