JSFiddle - React, Tailwind, and code Playground

by Alexey Zuev

HTML

<div class="container">
    <div class="col_fixed"></div>
    <div class="col_flex"></div>
    <div class="col_fixed"></div>
</div>

CSS

html, body { height: 100%; }
.container {
    display: flex;
    background: #000;
    height: 100%;
    width: 100%;
}

.col_fixed {
    height: 100%;
    background: red;
    width: 200px;
}

.col_flex {
    height: 100%;
    background: green;
    flex-basis: calc(100% - 2*200px);
}