JSFiddle - React, Tailwind, and code Playground

by djwave28

HTML

<div class="sidebar"></div>
<div class="content">
  <div class="info"></div>
</div>

CSS

.sidebar {
   position: fixed;
   width: 150px;
   height: 400px;
   background: #000;
 }
 
 .content {
   height: 500px;
   width: auto;
   margin-left: 150px;
   position: relative;
   background: #f00;
   overflow: auto;
   z-index: 1;
 }
 
 .info {
   width: 1440px;
   height: 300px;
   position: relative;
   background: #f55;
 }
 
 @media (min-width:600px) {
   .sidebar {
     width: 250px;
   }
   .content {
     margin-left: 250px;
   }
 }