JSFiddle - React, Tailwind, and code Playground

by Sergey Linnick

HTML

<div class="container">
  <div class="sidebar">sidebar sfsdaf</div>
  <div class="content">
    <div class="header">header</div>
    <div class="main">main</div>
    <div class="footer">footer</div>
  </div>
</div>

CSS

div{
  padding:2px;
  border:1px solid;
}
.container{
  display:inline-block;
  overflow: hidden;
}
.main{
  width: 150px;
}
.sidebar, .content{
  
  display: inline-block;
  
}
.sidebar{
  padding: 9999px 0;
  margin: -9999px 0;
  background: silver;
  width: 50px;
}