JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="inner">
        <div class="column left-column">
            <p>column 1</p>
            <p>column 1</p>
            <p>column 1</p>
            <p>column 1</p>
            <p>column 1</p>
            <p>column 1</p>
            <p>column 1</p>
            <p>column 1</p>
            <p>column 1</p>
            <p>column 1</p>
            <p>column 1</p>
            <p>column 1</p>
            <p>column 1</p>
            <p>column 1</p>
            <p>column 1</p>
        </div>
        <div class="column right-column">column 2</div>
    </div>
</div>

CSS

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
.container {
    display:table;
    width:100%;
    height: 100%;
}
.inner {
    display:table-row;
}
.column {
    display:table-cell;
}
.left-column {
    background:red;
    width: 200px;
}
.right-column {
    background:blue;
}