JSFiddle - React, Tailwind, and code Playground

HTML

<div class="big">
</div>
<div class="wrap">
    <div class="small">
    </div>
    <div class="small">
    </div>    
</div>
<div class="big">
</div>
<div class="wrap">
    <div class="small">
    </div>
    <div class="small">
    </div>    
</div>

CSS

* {
    padding:0;
    margin:0;
}
.big, .wrap {
    float:left;
    width: 30px;
    height: 29px;
}
.big {
    background-color: red;
    margin:0 1px 0;
}
.small {
    height: 14px;
    background-color: green;
    margin-bottom:1px;
}