JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
        <div id="leftbar">Left Bar</div>
    
        <div id="newsContainer">News</div>
    
        <div id="rightbar">Right Bar</div>
</div>

CSS

#main {
    display: table;
    width: 100%;
    border-spacing: 15px 0;
}
#leftbar, #rightbar, #newsContainer {    
    display: table-cell;
    border: 1px solid;
    text-align: center;
}
#leftbar {
    width: 20%;
}
#newsContainer {
    width: 60%;
}
#rightbar {
    width: 20%;
}