JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <div class="main_wrap">
    <div class="sub_wrap">
      <div class="left">Left panel<br>lorem ipsum elit sitLeft panel<br>lorem ipsum elit sitLeft panel<br>lorem ipsum elit sitLeft panel<br>lorem ipsuLeft panel<br>lorem ipsum elit sitLeft panel<br>lorem ipsum elit sitLeft panel<br>lorem ipsum elit sitLeft panel<br>lorem ipsum elit sitm elit sitLeft panel<br>lorem ipsum elit sitjhhk</div>
      <div class="right">Right Panel</div>
    </div>
  </div>
</body>
</html>

CSS

.main_wrap{
  position:absolute;

  
}
.sub_wrap{
  background: grey;
  width:250px; 
  height:100%;
  min-height:100%;
  margin:0 
    display:table;
 
}
.left{
  background:red;
  width:50%; 
  min-height:100% ;
  display: table-cell;
    
}
.right{
  background:green;
  width:48%; 
  min-height:100%;
  vertical-align:top;
 
  display: table-cell;
  
}