JSFiddle - React, Tailwind, and code Playground

by Smaxx

HTML

<div class="page-wrapper">
    <div class="left-column">
    </div>
    <div class="top-bar">
    </div>
</div>

CSS

.page-wrapper, html, body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

.left-column {
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    width:250px;
    height:100%;
    background: #111;
}

.top-bar {
    position:fixed;
    top:0;
    left:250px;
    right:0px;
    height:54px;
    background: #ff0;
    z-index:1000;
    border: 2px solid red;
}