JSFiddle - React, Tailwind, and code Playground

HTML

<holder>
    <column>
        <holderb>
            <row>row1col1</row>
            <row>row2col1<br/>hi<br/>hi<br/>hi<br/>hi</row>
        </holderb>
    </column>
    <column>
        <holderb>
            <row>row1col2</row>
            <row>row2col2</row>
        </holderb>
    </column>
</holder>

CSS

holder {
    display: flex;
    //default is row
    border: thin solid black;
}
column {
    flex: 1;
    background: cornflower;
    border:thin solid yellow;
}
holderb {
    height: 100%;
    display: flex;
    flex-direction: column;
}
row {
    border: thin solid blue;
    flex: 1;
    background: yellow;
}