JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="left">Left</div>
    <div id="middle">Middle</div>
    <div id="right">Right</div>
</div>

CSS

#wrapper {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    min-height: 800px;
    min-width: 1000px;
}

#left {
    background-color: GREEN;
    float: left;
    width: 20%;
}

#right {
    background-color: RED;
    float: left;
    width: 20%;
    
}

#middle {
    background-color: YELLOW;
    float: left;  
    width: 60%;
}