JSFiddle - React, Tailwind, and code Playground

by iBertel

HTML

<div class="wrapper">
    <div class="sidebar">Sidebar</div>
    
    <div class="content-wrap">
        <div class="page-content">Page Content</div>
    </div>
</div>

CSS

.wrapper {max-width:1360px; min-height:500px; background-color:#567;}

.sidebar {width:200px; min-height:150px; background-color:#F60; float:left;}
.content-wrap {width:760px; min-height:400px; background-color:#CCC; overflow:hidden;}
.page-content {width:750px; min-height:300px; background-color:#123; float:left;}