JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bottom-content">
   <div id="left-desc">

   </div>
   <div id="description-space">

   </div>
</div>

CSS

#bottom-content{
        border: 1px solid black;
        overflow: hidden;
        text-align: left;
    }
    #left-desc, #description-space {
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 400px; /* for demonstration purposes */
    }
    #left-desc{
        border: 1px solid orane;
        float: left;
        width: 50%;
        overflow: hidden;
    }
    #description-space{
        border: 1px solid orange;
        float: right;
        width: 50%;
        overflow: hidden;
    }