JSFiddle - React, Tailwind, and code Playground

by Andrea Forni

HTML

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

CSS

.grid {
  display: grid;
  grid-template-columns: 120px 100px 100px 100px;
  grid-column-gap: 20px;
  background-color: orange;
}

.grid div:nth-child(1) {
  background-color: red;
}

.grid div:nth-child(2) {
  background-color: yellow;
}

.grid div:nth-child(3) {
  background-color: lightgreen;
}

.grid div:nth-child(4) {
  background-color: lightblue;
}