JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
        <div class="row">
            <div id="left">
                 Some content
            </div>
            <div id="right">&nbsp;</div>
        </div>
        <div id="row2">
            Some stuff
        </div>
   </div>

CSS

.row {
    display : table;
    width : 100%;
}

#row2 {
   background-color:purple;
}

#right {
    display : table-cell;
	overflow: hidden;
	height: 100%;
    background-color:blue;
}

#left {
    display : table-cell;
    background-color:red;
    width: 100px;
}