JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>

CSS

html,
body {
  height: 100%;
}

body > div {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  height: 100%;
}

div > div {
  height: 90px;
  border: 1px solid;
  flex-basis: 30%;
  flex-grow: 1;
}