JSFiddle - React, Tailwind, and code Playground

by Austin Stewart

HTML

<div class="header"></div>
<div class="content">
  <div class="left"></div>
  <div class="right">
      <p>Bacon ipsum dolor amet frankfurter turducken ribeye alcatra capicola. Ham meatloaf pig short loin cow chuck pork belly, shoulder doner biltong sirloin beef drumstick alcatra kielbasa. Sausage chicken ham beef hamburger. Pancetta tongue hamburger ham alcatra turkey landjaeger sirloin doner. Landjaeger strip steak turkey drumstick jowl biltong doner. Pork belly turkey hamburger pancetta.</p>
      <p>Bacon ipsum dolor amet frankfurter turducken ribeye alcatra capicola. Ham meatloaf pig short loin cow chuck pork belly, shoulder doner biltong sirloin beef drumstick alcatra kielbasa. Sausage chicken ham beef hamburger. Pancetta tongue hamburger ham alcatra turkey landjaeger sirloin doner. Landjaeger strip steak turkey drumstick jowl biltong doner. Pork belly turkey hamburger pancetta.</p>
      <p>Bacon ipsum dolor amet frankfurter turducken ribeye alcatra capicola. Ham meatloaf pig short loin cow chuck pork belly, shoulder doner biltong sirloin beef drumstick alcatra kielbasa. Sausage chicken ham beef hamburger. Pancetta tongue hamburger ham alcatra turkey landjaeger sirloin doner. Landjaeger strip steak turkey drumstick jowl biltong doner. Pork belly turkey hamburger pancetta.</p>
      <p>Bacon ipsum dolor amet frankfurter turducken ribeye alcatra capicola. Ham meatloaf pig short loin cow chuck pork belly, shoulder doner biltong sirloin beef drumstick alcatra kielbasa. Sausage chicken ham beef hamburger. Pancetta tongue hamburger ham alcatra turkey landjaeger sirloin doner. Landjaeger strip steak turkey drumstick jowl biltong doner. Pork belly turkey hamburger pancetta.</p>
      <p>Bacon ipsum dolor amet frankfurter turducken ribeye alcatra capicola. Ham meatloaf pig short loin cow chuck pork belly, shoulder doner biltong sirloin beef drumstick alcatra kielbasa. Sausage chicken ham beef hamburger. Pancetta tongue hamburger ham alcatra turkey landjaeger...

CSS

html, body {
    height: 100%;
    overflow: hidden;
}
.header {
    width: 100%;
    background: red;
    height: 120px;
}
.content {
    height: calc(100% - 120px);
    width: 100%;
    background: blue;
}
.left {
    height: 100%;
    width: 20%;
    background: green;
    float: left;
}
.right {
    height: 100%;
    width: 80%;
    color: white;
    background: purple;
    float: left;
    overflow-y: auto;
}