JSFiddle - React, Tailwind, and code Playground

HTML

<div class="q1">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

CSS

.q1 div{
    background: black;
    width: 200px;
    height: 280px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.q1{
    border: 1px red solid;
    max-width:632px; 
    margin: auto;
     display: flex;
    flex-flow: row wrap;
    justify-content:center;
}