JSFiddle - React, Tailwind, and code Playground

by r3pek

HTML

<div class="containerDiv">
        <div
        <img src="somewhere.jpg" height= "200px" width="100%" alt=""/>
        <div class="leftpane">
        asdfasdfasdfasdfasdfasdf
        asdfasdfasdfasdfasdfasdf
        asdfasdfasdfasdfasdfasdf
        asdfasdfasdfasdfasdfasdf
        asdfasdfasdfasdfasdfasdf
        asdfasdfasdfasdfasdfasdf
        </div>
        <div class="rightpane" id="rightpane">
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
        asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf<br/>
       ...

CSS

html, body {
    height: 100%;
    overflow: hidden;
    border: 1px solid blue ;
} 

.containerDiv {
    height: 100%;
    overflow: hidden;
    border: 1px solid red ;
}

.leftpane {
  width: 20%;
  max-width: 300px;
  float: left;
  border: 1px solid green ;
}

.rightpane {
  border: 1px solid black ;
  height: 100%;
  width: 70%;
  padding: 20px 25px 15px 20px;
  overflow-x: hidden;
  overflow-y: auto;
  float: right;
}