JSFiddle - React, Tailwind, and code Playground

by Daniels Jirgensons

HTML

<div class="container">

  <div class="side-content">
  
    <div class="menu">
      menu
    </div>
    
  </div>

  <div class="main-content">
    <div style="height:1000px;">
     content
    </div>
  </div>

</div>

CSS

body{
  width:100%;height:100%;
  margin:0;padding:10px 0;
}

.container{
  display:block;
  background:#fff;
  width: 80%;
  margin:0 auto;
  height:1000px;
}

.container .side-content{
  background:#dedede;
  width:25%;
  float:left;
  padding:10px 0;
}

.menu{
  position:fixed;
  width:100%;
  background:red;
}

.container .main-content{
  width:75%;
  float:left;
}