JSFiddle - React, Tailwind, and code Playground

HTML

<div class="column">
    <div class="short_paragraph">
    </div>
    <div class="long_paragraph">
    </div>
</div>
<div class="column">
    <div class="long_paragraph">
    </div>
    <div class="short_paragraph">
    </div>
</div>
<div class="column">
    <div class="short_paragraph">
    </div>
    <div class="short_paragraph">
    </div>
    <div class="short_paragraph">
    </div>
</div>

CSS

.column { display: inline-block; vertical-align: top; width: 100px; border: 1px solid black; }

.short_paragraph, .long_paragraph { border: 1px solid red; margin: 10px; }

.short_paragraph { height: 35px; }
.long_paragraph { height: 60px; }