JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="main">
        <div class="header">
            This is the header
        </div>
        <div class="content">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris placerat tellus
            eu quam bibendum quis facilisis felis aliquet. Fusce bibendum orci eget purus faucibus
            eu ornare urna sollicitudin. Fusce convallis neque ut quam gravida id ultrices orci
            adipiscing. Nullam eget tempor purus. Maecenas bibendum tempus eros, a interdum
            purus elementum quis. Nullam sem nibh, sollicitudin non vulputate a, blandit sit
            amet augue. Nam interdum facilisis faucibus. Morbi a ante tellus, at viverra urna.
            Donec erat turpis, consectetur vitae vehicula vitae, porttitor eu turpis. Maecenas
            ac orci libero. Donec venenatis eros id orci vulputate a tempus ipsum egestas. Quisque
            ut quam odio. Aliquam volutpat tortor sit amet mauris dictum tempor. Suspendisse
            varius lacus at libero adipiscing id malesuada eros pretium. Cras a nulla magna.
            Duis eget nisi nunc. Aliquam placerat diam quis metus volutpat posuere. Duis pharetra
            aliquam tellus a vestibulum. Class aptent taciti sociosqu ad litora torquent per
            conubia nostra, per inceptos himenaeos. Nunc vel venenatis risus. Aliquam purus
            sem, condimentum eu venenatis nec, tristique quis mi. Aenean turpis dui, rhoncus
            eget congue vitae, tincidunt vel nulla. Phasellus a luctus sem. Nulla ullamcorper
            vehicula ante, ac blandit eros facilisis pharetra. Donec pretium sem et mauris malesuada
            pellentesque. Aliquam faucibus imperdiet velit, quis dapibus felis tristique sit
            amet. Phasellus ornare est euismod libero elementum adipiscing. Pellentesque vestibulum
            lobortis gravida. Nullam non turpis eu sapien lacinia tempor quis laoreet nisl.
            Praesent accumsan ultricies ante, eget...

CSS

html, form
        {
            height: 100%;
        }
        
        body
        {
            padding: 0px;
            margin: 0px;
            background-image: url('../back.jpg');
            height: 100%;
        }
        
        .main
        {
            margin: 0px auto;
            width: 100%;
            height: 100%;
            position: relative;
        }
        .header
        {
            float: left;
            width: 100%;
            background-color: Yellow;
            height: 80px;
        }
        .content
        {
            width: 960px;
            margin: 0 auto;
            background-color: Gray;
            padding-bottom: 50px;
            min-height: 90%;
        }
        
        .footer
        {
            position: fixed;
            bottom: 0;
            left: 50%;
            width: 960px;
            margin-left: -480px;
            height: 50px;
            background-color: Green;
        }