JSFiddle - React, Tailwind, and code Playground

by senthilkumar_snp

HTML

<div class="container">
<div class="top-nav">
</div>
<div class="content-wrapper">
  <div class="content-box">
    <div class="left-nav">
    
    </div>
  </div>
</div>
</div>

CSS

html,
body {
 height: 100%;
 min-height: 100%;
 padding:0;
 margin:0;
}

body {
  font-size: 16px;
  color: #1a1a1a;
  position: relative;
}

.top-nav {
  background:#0084ff;
  width:100%;
  height:100px;
}

.content-wrapper {
  position: absolute;
  background:#ccc;
  width:100%;
  height:100%;
}

.content-box {
  position: relative;
  width:100%;
  height:100%;
}

.left-nav {
  position: absolute;
  width:100%;
  height:100%;
  background:#777;
}