JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="up">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa ut, ad. Ipsa architecto atque, iusto alias quidem quae sequi quos temporibus dolor, ipsum quis repudiandae ad maiores reiciendis, mollitia obcaecati.
    </p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa ut, ad. Ipsa architecto atque, iusto alias quidem quae sequi quos temporibus dolor, ipsum quis repudiandae ad maiores reiciendis, mollitia obcaecati.
    </p>
  </div>
  <div class="down">
  <div class="scrollable">
 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste facilis ipsam dolore error, nam et. Amet maiores fugit provident facilis et expedita impedit necessitatibus mollitia quibusdam. Veniam ad dolores deserunt.
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste facilis ipsam dolore error, nam et. Amet maiores fugit provident facilis et expedita impedit necessitatibus mollitia quibusdam. Veniam ad dolores deserunt.
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste facilis ipsam dolore error, nam et. Amet maiores fugit provident facilis et expedita impedit necessitatibus mollitia quibusdam. Veniam ad dolores deserunt.
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste facilis ipsam dolore error, nam et. Amet maiores fugit provident facilis et expedita impedit necessitatibus mollitia quibusdam. Veniam ad dolores deserunt.
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste facilis ipsam dolore error, nam et. Amet maiores fugit provident facilis et expedita impedit necessitatibus mollitia quibusdam. Veniam ad dolores deserunt.
              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste facilis ipsam dolore error, nam et. Amet maiores fugit provident facilis et expedita impedit necessitatibus mollitia quibusdam. Veniam ad dolores deserunt.
                Lorem ipsum dolor sit amet, consectetur adipisicing...

CSS

.wrapper {
  display:flex;
  flex-direction:column;
    min-height: calc(100vh - 6vh - 1vh); /* 100% height - padding for title bar - padding for bottom*/
    max-height: calc(100vh - 6vh - 1vh);
  justify-content: space-between;
}

.up {
  background: crimson;
  flex:0 1 auto;
}

.down {
  flex:1 1 auto;
  background: royalblue;
}

.scrollable {
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}