JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cont">
  <div class="top">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae earum autem ut iste, facilis omnis, doloremque! Autem sint cumque praesentium commodi officia vero cupiditate a corporis temporibus eos, iusto molestiae, explicabo quia suscipit ipsam quidem aliquam nisi earum consectetur. Pariatur commodi exercitationem qui libero repellat perferendis, error nobis omnis natus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae earum autem ut iste, facilis omnis, doloremque! Autem sint cumque praesentium commodi officia vero cupiditate a corporis temporibus eos, iusto molestiae, explicabo quia suscipit ipsam quidem aliquam nisi earum consectetur. Pariatur commodi exercitationem qui libero repellat perferendis, error nobis omnis natus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae earum autem ut iste, facilis omnis, doloremque! Autem sint cumque praesentium commodi officia vero cupiditate a corporis temporibus eos, iusto molestiae, explicabo quia suscipit ipsam quidem aliquam nisi earum consectetur. Pariatur commodi exercitationem qui libero repellat perferendis, error nobis omnis natus.
  </div>
  <div class="bottom">
    <div class="bottom-fixed">Lorem ipsum dolor sit amet.</div>
    <div class="bottom-scroll"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae earum autem ut iste, facilis omnis, doloremque! Autem sint cumque praesentium commodi officia vero cupiditate a corporis temporibus eos, iusto molestiae, explicabo quia suscipit ipsam quidem aliquam nisi earum consectetur. Pariatur commodi exercitationem qui libero repellat perferendis, error nobis omnis natus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae earum autem ut iste, facilis omnis, doloremque! Autem sint cumque praesentium commodi officia vero cupiditate a corporis temporibus eos, iusto molestiae, explicabo quia suscipit ipsam quidem aliquam nisi earum consectetur. Pariatur commodi...

CSS

body {
  margin:0;
}
div {
  border:1px solid red;
  box-sizing:border-box;
  
}
.cont {
  height:100vh;
  display:flex;
  flex-direction:column;
}
.bottom-scroll {
  overflow-y:auto;
}
.top {

}
.bottom {
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
}