JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="red">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum maiores amet quis maxime quidem? Est id molestiae hic animi, deleniti, earum sint exercitationem quae, laborum nesciunt itaque temporibus quasi ullam minima rerum, sed dolore natus dolorum blanditiis. Reiciendis autem provident officia, unde veniam! Officiis incidunt ea est possimus eligendi quas provident maiores in excepturi commodi maxime, ullam sapiente voluptas alias similique consectetur atque cupiditate error laudantium inventore aut soluta ad. Saepe nulla ex dolorum numquam magnam amet accusantium dolor, totam cumque aperiam tempore, illum earum perferendis facere laborum, distinctio magni suscipit quis id explicabo doloremque doloribus. Earum odio at, consequatur!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum maiores amet quis maxime quidem? Est id molestiae hic animi, deleniti, earum sint exercitationem quae, laborum nesciunt itaque temporibus quasi ullam minima rerum, sed dolore natus dolorum blanditiis. Reiciendis autem provident officia, unde veniam! Officiis incidunt ea est possimus eligendi quas provident maiores in excepturi commodi maxime, ullam sapiente voluptas alias similique consectetur atque cupiditate error laudantium inventore aut soluta ad. Saepe nulla ex dolorum numquam magnam amet accusantium dolor, totam cumque aperiam tempore, illum earum perferendis facere laborum, distinctio magni suscipit quis id explicabo doloremque doloribus. Earum odio at, consequatur!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum maiores amet quis maxime quidem? Est id molestiae hic animi, deleniti, earum sint exercitationem quae, laborum nesciunt itaque temporibus quasi ullam minima rerum, sed dolore natus dolorum blanditiis. Reiciendis autem provident officia, unde veniam! Officiis incidunt ea est possimus eligendi quas provident maiores in excepturi commodi maxime, ullam sapiente...

CSS

.container {
  display: flex;
  flex-direction: column;
  height: 80vh;
}

.red {
  background-color: #f00;
  flex: 1 0 auto;
}

.white {
  background-color: #fff;
  height: 50px;
  flex: 0 0 auto;
}