JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grid">
<div class="item">One</div>
<div class="item">Two</div>
<div class="item">Three</div>
<div class="item">Four</div>
</div>

CSS

.grid {
  align-items: center;
  background-color: blue;
  display: inline-grid;
  grid-template-columns: 50px 50px;
  grid-template-rows: 50px 50px;
  grid-gap: 10px 10px;
}

.item {
  background-color: red;
}