JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container" class="flush">
    
</div>

<div class="flush">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>

CSS

.flush{
    text-align: justify;
    width: 500px;
    height: 250px;
    background: #00f;
}

.flush div{
    display: inline-block;
    width: 101px;
    height: 100px;
    background: #f00;
}

JavaScript

for(var i = 0; i<5; i++){  
  $('#container').append("<div></div>");
}