JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
        <div id="col1"></div>
        <div id="col2"></div>
        <div id="col3"></div>
</div>

CSS

#main {overflow:hidden;}

#col1,
#col2,
#col3 { height: 300px; float: left; width: 25%; background: red;}

#col2 {background: yellow;}
#col3 {background: black; overflow:hidden;float: none; width: auto; }