JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="left">
        left
    </div>
    <div class="center">
        center
    </div>
    <div class="right">
        right
    </div>
</div>

CSS

html,body {margin:0;}
.main {display:table; width:100%;}
.left,.center,.right {display:table-cell;}
.left {width:180px; min-width:180px; background:red;}
.right {width:200px; min-width:200px; background:blue;}