JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex">
    <div class="sidebar">
        <div class="sidebar-box">1</div>
        <div class="sidebar-box flex-spacer">2</div>
        <div class="sidebar-box">3</div>
    </div>
    <div class="content">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nunc felis, vulputate ut nulla lobortis, tincidunt mollis erat. Etiam at turpis id magna fermentum dapibus pellentesque vel nunc. Mauris sit amet dolor augue. Nam suscipit in mi sed tincidunt. Nulla faucibus lorem ut sem pulvinar, in euismod urna luctus. Aenean odio augue, interdum quis felis quis, porttitor commodo nunc. Suspendisse eleifend felis quis commodo vestibulum. Nullam egestas quam accumsan vestibulum lacinia.</p>
        <p>Vestibulum viverra sagittis nunc, id eleifend leo bibendum vitae. Mauris sodales volutpat metus ut sagittis. Ut accumsan odio sed lobortis commodo. Suspendisse tincidunt suscipit urna, quis venenatis tellus accumsan sed. Nam tempus euismod placerat. Sed dui arcu, pharetra eget convallis vel, venenatis vel tellus. Integer lobortis feugiat lectus, in feugiat urna mattis vitae. Ut libero magna, fringilla a sodales ut, lacinia ut dolor. Vestibulum in risus justo. Maecenas bibendum lectus ut ante egestas, at elementum felis bibendum.</p>
    </div>
</div>

CSS

.flex {
    display: flex;
    background: #000;
    color: #fff;
}

.sidebar {
    display: flex;
    flex-direction: column;
    min-width: 100px;
    justify-content: space-between;
}

.sidebar-box {
    margin: 1em;
    background: #999;
}


.content {
    margin: 1em;
    background: #999;
}