JSFiddle - React, Tailwind, and code Playground

by Matt Swensen

HTML

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

CSS

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 10px;
}

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