JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
       <div class="left-side">
    </div>
    <div class="right-side">
    </div>
</div>

CSS

htm, body{
    height:50%:
    min-height:100%;
    background-color:#f3f3f3;
}

.wrapper{
    width:600px;
    margin:auto;
    overflow:hidden;
    height:100%:
    min-height:100%;
    
    position:relative;
}
.left-side{
   background-color: #FFFFFF;
    bottom: 0;
    min-height: 100%;
    left: -26px;
    height:100%:
    min-height: 100%;
    position: absolute;
    top: 0;
    width: 27.5%;
}
.right-side{
    width:65%;
    float: right;
    padding:20px;
    height:100%:
    min-height:100%;
    background-color:#fff;
    box-sizing:border-box;
   -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;    
}
}