JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

div{
  width:100px;
  height:100px;
  background:red;
  display:inline-block;
  vertical-align:top;
}
main{
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  text-align:center;
  
}