JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="col">
        Test<br />
        Test<br />
        Test<br />
        Test<br />
        Test<br />
        Test<br />
        Test<br />
        Test<br />
        Test<br />
        Test<br />
        Test<br />
        Test<br />
    </div>
    <div class="col">Test</div>
    <div class="col">Test</div>
</div>

CSS

.row{
    height:auto;
    display: flex;
    flex-flow: row column;
}

.col {
    width:33%;
    border-left:1px #ccc solid;
    flex: 1 1 100%;
}

.col:nth-child(1) {
    border-left:none;
}