JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
<div class="child">

</div>
<div class="child">

</div>
<div class="child">

</div>
<div class="child">

</div>
<div class="child">

</div>
<div class="child">

</div>
<div class="child">

</div>
<div class="child">

</div>
<div class="child">

</div>
<div class="child">

</div>
<div class="child">

</div>
<div class="child">

</div>
<div class="child">

</div>
<div class="child">

</div>

</div>

CSS

.parent {
  display:flex;
  flex-direction:row;
  align-items: stretch;
  flex-wrap:wrap;
  justify-content:center;
}

.parent .child {
  width:200px;
  height:50px;
  display:inline-block;
  background:red;
  margin:5px;
}