JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div class="grid">
    <div class="block"></div>
    <div class="block"></div>
    <div class="block"></div>
    <div class="block"></div>
    <div class="block"></div>
  </div>
</body>

CSS

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
}

.grid > div {
  height: 100px;
  width: 100px;
  background-color: red;
}