JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grids" ></div>
<div class="grids" ></div>
<div class="grids" ></div>
<div class="grids" ></div>

CSS

.grids {
    float: left;
    width: calc( 25% - ( 3 * 20px ) );
    background-color: blue;
    min-height: 40px;
    margin-bottom: 10px;
}