JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
            <p>Your website content here.</p>
            <div class="push"></div>
        </div>
        <div class="footer">
            <p>Copyright (c) 2008</p>
        </div>

CSS

* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {

height: auto !important;
 background:red;
margin: 0 auto -4em;
}
.footer, .push {
height: 4em; 
}

.footer{
    background:green;}