JSFiddle - React, Tailwind, and code Playground

by jpeter06

HTML

<div class="grid">
<span>uno</span>
<span>do2</span>
<span>tres</span>
<span>cuatro</span>
<span>cinco</span>
<span>seis</span>
</div>

CSS

.grid{
  display:grid;
  width:100%;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);
  border: 1px solid black;
}

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