JSFiddle - React, Tailwind, and code Playground

HTML

<div class="column">
    <div class="normal">1</div>
    <div class="normal">3</div>
    <div class="normal">4</div>
    <div class="normal">6</div>
</div>
<div class="column">
    <div class="large">2</div>
    <div class="normal">5</div>    
    <div class="normal">7</div>
</div>

CSS

.column {
    margin-left: 10px;
    float: left;
}
.normal {
    width: 100px;
    height: 100px;
    background-color: blue;
    margin: 10px 0;
}
.large {
    width: 100px;
    height: 210px;
    background-color: red;
    margin: 10px 0;
}