JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
            <div id="menu">menu</div>
            <div id="content">content</div>
<div>

CSS

#main {
    width: 100%;
    background:#000;
    height:300px;
    min-height:300px;
}

#menu,
#content{
    float: left;
    display:inline;
    width: 50%;
    position:relative;
}

#menu {
    height: 150px;
    background-color: red;
}

#content {
    height: 100%;
    background-color: green;
}