JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col_1">left</div>
<div class="col_2">right</div>
<div class="col_3">center</div>

CSS

body {min-width: 600px;}

.col_1 {float: left; width: 30%; min-height: 200px; border: red 3px solid; background: pink;}
.col_2 {float: right; width: 30%; min-height: 200px; border: red 3px solid; background: pink;}
.col_3 {overflow: hidden; min-width: 200px; min-height: 300px; border: blue 3px solid; background: lightblue;}