JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="header"></div>
    <div class="content">
        <div class="content-menu"></div>
        <div class="content-main"></div>     
    </div>
</div>

CSS

.wrapper {
    margin: 0 auto;
    max-width: 600px;
    min-width: 300px;
}
.header {
    height:50px;
    background:green;
}
.content {
    overflow: hidden;
    height: 400px;
    background: yellow;
}
.content-menu{
    float:left;
    width:150px;
    height:400px;
    background: blue;
}
.content-main {
    margin-left: 150px;
    background: red;
    height:400px;
}