JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

content {
  display: flex;
   
  width: 100%;
  min-height: 70vh;
  padding: 4px;
  
  background-color: #fff;

  flex-flow: row wrap;
}

content div {
  width: calc(100% / 4 - 8px);
  margin: 4px;
  
  background-color: #ccc;
}