JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

CSS

body {
    counter-reset: box;
}

div {
    counter-increment: box;
    border: 1px solid black;
    box-sizing: border-box;
    min-width: 33%;
    float: left;
}

div::before {
    content: counter(box);
}

div:nth-child(1){
    height: 1em;
}
div:nth-child(2){
    height: 2em;
}
div:nth-child(3){
    height: 3em;
}
div:nth-child(4){
    height: 5em;
    margin-top: -2em;
}
div:nth-child(5){
    height: 4em;
    margin-top: -1em;
}
div:nth-child(6){
    height: 3em;
}