JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="inside">A</div>
    <div class="inside">B</div>
    <div class="inside">C</div>
    <div class="inside">D</div>
</div>

CSS

.outer {
    width:100%;
    background:#999;
    overflow:auto;
}

.inside {
    float:left;
    width:24%;
    margin-right:1%;
    background:#333;
}