JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
<div id="leftPanel">blah blah blah</div>
<div id="midPanel">blah blah blah</div>
<div id="rightPanel">blah blah blah</div>
</div>

CSS

#wrapper { 
    margin: 0 auto;
    background-color: gray;
    width: 100%;
}

#leftPanel,
#midPanel,
#rightPanel {
    width: 33%;
    margin-right: 1px;
    margin-left: 1px;
    float: left;
}
#leftPanel { background-color: red; }
#midPanel { background-color: green; }
#rightPanel { background-color: blue; }