JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bottom-content">
   <div id="left-desc">
fdf gdghfg hfgh dfgh rghfdf gdghfg hfgh dfgh rghfdf gdghfg hfgh dfgh rghfdf gdghfg hfgh dfgh rghfdf gdghfg hfgh dfgh rghfdf gdghfg hfgh dfgh rghfdf gdghfg hfgh dfgh rghfdf gdghfg hfgh dfgh rghfdf gdghfg hfgh dfgh rghfdf gdghfg hfgh dfgh rghfdf gdghfg hfgh dfgh rghfdf gdghfg hfgh dfgh rghfdf gdghfg hfgh dfgh rghfdf gdghfg hfgh dfgh rghfdf gdghfg hfgh dfgh rghfdf gdghfg hfgh dfgh rghfdf gdghfg hfgh dfgh rgh
   </div>
   <div id="description-space">
dfdf
   </div>
</div>

CSS

body{margin:0}
#bottom-content{
    border: 1px solid red;
    box-sizing:border-box;
    display:table;
    width:100%;
    overflow: hidden;
    text-align: left;
    
}
#left-desc{
    border: 1px solid yellow;
    display:table-cell;
    width: 50%;
    overflow: hidden;
}
#description-space{
    border: 1px solid black;
    display:table-cell;
    width: 50%;
    overflow: hidden;
}