JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div  class="box"></div>
    <div  class="box"></div>
    <div  class="box"></div>
    <div  class="box"></div>
    <div  class="box"></div>
    <div  class="box"></div>
    <div  class="box"></div>
    <div  class="box"></div>
</div>

CSS

.container{
     background:blue;
   
}
.box{
    float:left;
    width:75px;
    height:75px;
    margin:5px 5px;
    background:red;

}

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