JSFiddle - React, Tailwind, and code Playground

HTML

<div id="columns">
    <div class="column-1"></div>
    <div class="column-2"></div>
    <div class="column-3"></div>
</div>

CSS

#columns {
    display: table;
    width: 100%;
    border: 1px solid #333;
}

.column-1,
.column-2,
.column-3 {
    display: table-cell;
    height: 40px;
    border: 1px solid #f00;
}

.column-1 {
    width: 200px;
}