JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="left">left</div>
    <div id="center"> Center content</div>
    <div id="right">right</div>
</div>

CSS

#wrapper{
    display:table;
    width:100%;
    height:100%;
}
#wrapper > div{
    display:table-cell;
    height:100%;
}

#left {
    width:50px;
    min-width:50px;
    background-color:pink;
}

#center {
    background-color:green;
    min-width:200px;
}

#right {
    width:50px;
    min-width:50px;
    background-color:red;
}

body, html{
    width:100%;
    height:100%;

}