JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
        header
    </div>
    <div id="left">
       <div class="inner-left">
           left
       </div>
    </div>
    <div id="right">
        <div class="inner-right">
            right
        </div>
    </div>

CSS

body{
padding: 0px;
margin: 0 auto;
width: 80%;
max-width: 990px;
min-width: 400px;
}

#header {
    height: 50px;
    padding: 10px;
	background-color: green;
}

#left {
    height: 200px;
	width: 30%;
	background-color: red;
	float: left;
}
.inner-left {
    padding: 10px 10px;
    color: white;
}
.inner-right {
    padding: 10px 10px;
    color: white;
}

#right {
    height: 200px;
	width: 70%;
	float: right;
	background-color: black;
}