JSFiddle - React, Tailwind, and code Playground

by Andy You

HTML

<div class="grid">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
</div>

CSS

body {
  margin: 0;
}

.grid {
  display: grid;
  grid-template-columns: 150px 150px 150px;
  grid-auto-rows: 150px;
  grid-gap: 10px;
  justify-content: space-between;
}

.grid > div {
  background-color: cyan;
  text-align: center;
  padding: 15px;
}