JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="one">The left column</div>
    <div class="two">The right column</div>
</div>

CSS

div.wrapper {
    width: 100%;
    min-width: 900px;
    border: 3px solid black;
    color: white;
}
div.one {
    background-color: red;
    width: 300px;
    float: left;
    height: 300px;
}
div.two {
    background-color: blue;
    height: 300px;
}