JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outside">
<div class="inside"></div>
<div class="inside"></div>
<div class="inside"></div>
<div class="inside"></div>
<div class="inside"></div>
</div>

CSS

.html, body {
    width:100%;
    height: 100%;
}

.outside {
    width:100%;
    min-height: 500px;
    position: relative;
    display: inline-block;
}
.inside {
    width:25%;
    height: 299px;
    position: relative;
    float: left;
    background-color: #dcdcdc;
}