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;
  height: 512px;
  width: auto;
  margin: 16px;
  padding: 4px;
  background: #fff;
  flex-wrap: wrap;
  align-content: flex-start;
}

content div{
  height: 128px;
  width: 128px;
  background: #ccc;
  margin: 4px;
}