JSFiddle - React, Tailwind, and code Playground

by danield770

HTML

<div class="sideBar">sideBar</div>
<div class="content">content</div>

CSS

*
{
 margin:0;padding:0;
}
html,body,div
{
    height: 100%;
}
.sideBar
{
    position: absolute;
    top:0;
    left:0;
    width: 300px;
    background: orange;
}
.content
{
    padding-left: 300px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: wheat;
}