JSFiddle - React, Tailwind, and code Playground

HTML

<div id="painelPai">
  
    <div class="painel">Painel1</div>
    <div class="painel">Painel2</div>
    <div class="painel">Painel3</div>
    <div class="painel">Painel4</div>
    <div class="painel">Painel5</div>
    <div class="painel">Painel6</div>
    <div class="painel">Painel7</div>
    <div class="painel">Painel8</div>
  
</div>

CSS

.painel{
  height:150px;
  width:220px;
  display:inline-block;
  background-color:#fff;
  margin:5px;
  
}
#painelPai{
    margin:auto;
    float: left;
    background-color: red;
    text-align:center;
    width:100%;
    
}