JSFiddle - React, Tailwind, and code Playground

HTML

<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
<div class="four"></div>
<div class="five"></div>
<div class="one"></div>
<div class="four"></div>
<div class="two"></div>
<div class="three"></div>
<div class="five"></div>

CSS

div{
    width:24%;
    margin-right: 1%;
    float: left;
    clear: both;
    margin-top:5px;
}

.one{
    background-color:red;
    height: 50px;
}

.two{
    background-color:green;
    height:35px;
}

.three{
    background-color:orange;
    height:45px;
}

.four{
    background-color:magenta;
    height:25px;
}

.five{
    background-color:black;
    height:55px;
}