JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block1"></div>
<div class="block2"></div>
<div class="block3-container">
    <div class="block3">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur officiis blanditiis porro temporibus repudiandae pariatur deleniti! Recusandae saepe ex pariatur similique rerum numquam laborum sequi qui praesentium itaque non incidunt!</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur officiis blanditiis porro temporibus repudiandae pariatur deleniti! Recusandae saepe ex pariatur similique rerum numquam laborum sequi qui praesentium itaque non incidunt!</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur officiis blanditiis porro temporibus repudiandae pariatur deleniti! Recusandae saepe ex pariatur similique rerum numquam laborum sequi qui praesentium itaque non incidunt!</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur officiis blanditiis porro temporibus repudiandae pariatur deleniti! Recusandae saepe ex pariatur similique rerum numquam laborum sequi qui praesentium itaque non incidunt!</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur officiis blanditiis porro temporibus repudiandae pariatur deleniti! Recusandae saepe ex pariatur similique rerum numquam laborum sequi qui praesentium itaque non incidunt!</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur officiis blanditiis porro temporibus repudiandae pariatur deleniti! Recusandae saepe ex pariatur similique rerum numquam laborum sequi qui praesentium itaque non incidunt!</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur officiis blanditiis porro temporibus repudiandae pariatur deleniti! Recusandae saepe ex pariatur similique rerum numquam laborum sequi qui praesentium itaque non incidunt!</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur officiis blanditiis porro temporibus...

CSS

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

.block1, .block2 {
    position: absolute;
    left: 0;
    right: 0;
}
.block1 {
    background: #ff0;
    height: 30px;
    top: 0;
}
.block2 {
    background: #f00;
    height: 40px;
    top: 30px;
}

.block3-container {
    background: #000;
    height: 100%;
    padding-top: 70px;
}

.block3 {
    background: #f0f;
    height: 100%;
    overflow: auto;
}