JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">      
        <div class="col col-1">
            COl1
        </div>
        <div class="col col-2">
            COl2
        </div>
        <div class="col col-3">
            COl3
        </div>
        <div class="col col-4">
          COl4
        </div>             
</div>

CSS

#content {
    padding: 20px;
    background: #F3F6F7;
    overflow:hidden;
}
.col {
    background:#eee;
    float:left;
    width:22%;
    margin-right: 4%;
}
.col-4 {margin-right:0;}