JSFiddle - React, Tailwind, and code Playground

CSS

#wrapper {
width: auto;
min-width: 1200px;
max-width: 1500px;
height: auto;
min-height: 900px;
max-height: 1300px;
outline: 1px solid #cccccc;
padding: 10px;
margin: 0 auto;
}
#header {
height: 80px;
background-color: #F8AC18;
margin-bottom: 12px;
}
#contentl {
height: auto;
min-height: 735px;
background-color: #F8AC18;
margin-bottom: 12px;
float: left;
width: 400px;
min-width: 400px;
}
#contentr {
height: 500px;
background-color: #F8AC18;
float: right;
margin-left: 360px;
width: 400px;
min-width: 400px;
}
#sidebar {
height: 77px;
background-color: #F8AC18;
margin: 0 auto 12px auto;
width: 400px;
min-width: 400px;
}
#footer {
height: 60px;
background-color: #F8AC18;
margin-bottom: 3px;
}
.clear {
clear: both;
}