JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:275px;">
    <div class="box" id="box1"></div>
    <div class="box" id="box2"></div>
    <div class="box" id="box4"></div>
    <div class="box" id="box5"></div>
    <div class="box" id="box3"></div>
    <div class="box" id="box6"></div>
</div>

CSS

.box { margin: 2px; float:left; }

#box1 { height: 86px; width:  80px; background-color: red;}
#box2 { height: 42px; width:  161px; background-color: green;}
#box3 { height: 42px; width:  80px; background-color: blue;}
#box4 { height: 86px; width:  80px; background-color: orange;}
#box5 { height: 129px; width: 80px; background-color: yellow;}
#box6 { height: 42px; width:  161px; background-color: brown;}