JSFiddle - React, Tailwind, and code Playground

by Sunil Garg

HTML

<div class="container">
  <div class="child1">
    Items
  </div>
  
  <div class="child2">
    Content
  </div>
</div>

CSS

.container{
  display:flex;
  width:100%;
  flex-grow:1;
}

.child1{
  color:white;
  background:green;
  border:1px solid brown;
  width:50px;
  height:100%;
}

.child2{
  color:white;
  background:blue;
  border:1px solid red;
  width:100px;
  height:100vh;
  flex-grow:1;
  overflow-x:auto;
  display:flex;
  justify-content:flex-end;
}