JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table">
    <div class="cell"><div class="inner"></div></div>
    <div class="cell"></div>
</div>

CSS

html, body {
    height: 100%;
}

.table {
    display: table;
    width: 100%;
    height: 100%;
}

.cell {
    height: 100%;
    display: table-cell;
}

.cell:first-child {
    width: 1px;
    background: #ff0000;
}

.cell:last-child {
    background: #0000ff;
}

.inner {
    width: 100px;
}