JSFiddle - React, Tailwind, and code Playground

HTML

<div id="row">
    <div id="box1"></div>
    <div class="box2"></div>
    <div class="box2"></div>
    <div class="box2"></div>
</div>

CSS

#row {
    height: 200px;
    margin-top: 100px;
    background: #000;
    overflow: hidden;
}
#box1 {
    width: 13%;
    height: 50px;
    padding-left: 3%;
    background: green;
    float: left;
}
.box2 {
    width: 23%;
    padding: 2.5%;
    /*
    margin: 1.5%;
    padding: 1%;
    */
    background: green;
    float: left;
}