JSFiddle - React, Tailwind, and code Playground

HTML

<div id="site">
    <div id="left">Fixed left column.</div>
    <div id="middle">Liquid center column</div>
    <div id="right">Fixed right column.</div>
</div>

CSS

#left{
    float:left;
    width:200px;
    margin-right: -200px;
}
#right{
    float:right;
    width:200px;
    margin-left: -200px;
}
#middle{
    float: left;
    margin-left: 200px;
    margin-right: 200px;
}