JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div class="outer">
  <div class="inner container-fluid">
    <div class="first-col col-xs-6">
Bacon ipsum dolor amet landjaeger shankle alcatra spare ribs ball tip. Pork chop kevin chicken meatball prosciutto, shoulder jerky tenderloin brisket pork belly. Pancetta picanha landjaeger strip steak burgdoggen, flank ground round sirloin. Doner salami capicola tri-tip jerky leberkas pork belly short ribs. Shoulder burgdoggen ham, pork loin landjaeger strip steak tri-tip jerky ground round pastrami pig beef. Andouille pastrami pancetta, landjaeger sirloin ball tip tail strip steak tenderloin frankfurter flank corned beef brisket.

Picanha pastrami sausage, hamburger porchetta pork chop drumstick beef ribeye chicken pork loin cow meatball short ribs kielbasa. Meatloaf flank andouille alcatra prosciutto shoulder sirloin. Boudin chicken pork loin jerky cupim prosciutto. Ham meatloaf leberkas, chuck shank jowl meatball jerky beef. Flank shoulder biltong short ribs burgdoggen.
    </div>
    <div class="second-col col-xs-6">
    asdf
    </div>
  </div>
</div>

CSS

html,body {
  height: 100%;
  width: 100%;
}

.outer {
  background-color: gray;
  height: 100%;
  width: 100%;
}

.inner {
  position: fixed;
  top: 10%;
  left: 10%;
  height: 80%;
  width: 80%;
  background-color: white;
  overflow-y: auto;
}

.first-col {
  background-color: blue;
  /*height: 100%;*/
}