JSFiddle - React, Tailwind, and code Playground

by Aakash Khapare M

HTML

<div class="container">
<span class="item test-item"></span>
<span class="item"></span>
<span class="item"></span>
</div>

CSS

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

.item {
  display: grid;
  background: red;
  height: 50px;
}
.item:nth-child(2) {
  background: green;
}