JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
        <div class="header"></div>
        <div class="content">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed efficitur posuere purus, eu dictum felis pretium non. Cras a luctus purus. Cras id elit et ligula pharetra imperdiet ut nec felis. Mauris eu turpis non massa venenatis mollis. In hac habitasse platea dictumst. Vivamus maximus facilisis mollis. Vestibulum mollis nunc eu lorem dignissim, nec imperdiet erat dictum. Nam elit tortor, ultrices ut interdum ac, placerat scelerisque dui. Cras a massa id ante condimentum convallis ac ac eros. Suspendisse ac felis vitae ipsum condimentum bibendum nec sit amet tellus. Quisque feugiat, justo nec maximus molestie, libero arcu iaculis neque, quis volutpat mauris eros nec risus. Curabitur bibendum elit leo, congue sollicitudin risus ultrices in. Cras nulla nisl, ornare at faucibus vitae, commodo venenatis tellus. Proin sit amet convallis arcu. Mauris sit amet placerat tortor.
            Vivamus molestie libero enim, vitae consequat nibh euismod et. Nullam tincidunt hendrerit vehicula. Donec id ultrices libero, eget pharetra risus. Donec sagittis fermentum magna ut posuere. Phasellus consequat laoreet tortor, non sodales sapien consequat vel. Phasellus malesuada ac odio pharetra molestie. Quisque pharetra purus sed viverra rhoncus. Mauris ullamcorper tempor lectus nec convallis. Donec ultrices molestie risus, in pellentesque urna fermentum nec. Nullam et velit eget sapien porttitor congue id in lorem. Vivamus facilisis mollis quam, sed lacinia lectus. Nam fringilla, risus a vestibulum lacinia, nisl purus consectetur dui, nec pellentesque risus erat quis velit.
            Donec metus mauris, bibendum sit amet ante ut, rutrum vestibulum diam. Morbi aliquam arcu ac odio placerat, non tincidunt ipsum malesuada. Donec fringilla enim at fermentum lobortis. Donec ut diam quis mi molestie feugiat at vitae massa. Nulla dignissim, leo nec semper accumsan, quam metus efficitur...

CSS

html, body {
            height:100%;
            margin:0;
            padding:0;
        }

        .container {
            height: 100%;
            background:red;
            width:1280px;
            margin:0 auto;
            position: relative;
        }

        .footer {
            bottom:0;
            height:135px;
            width:100%;
            background: green;
        }

        .header {
            top:0;
            height:135px;
            width:100%;
            background: orange;
        }

        .footer, .header {
            position:absolute;
            opacity:0.5;
        }

        .content {
            height: 100%;
        }