JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container" class="clearfix">
    <div class="caixas"></div>
    
    <div class="caixas"></div>
    
    <div class="caixas"></div>
    
    <div class="caixas"></div>
    
    <div class="caixas"></div>
    
    <div class="caixas"></div>    
</div>

CSS

#container {
    width:610px;
    border:1px #FF0000 solid;    
}
.caixas {
   width:200px;
   height:200px;
   border:1px #00FF00 solid;
   float:left;
}

.clearfix:after {
    content : "";
    display : block;
    clear : both;
}