JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

* {
	margin: 0;
}
html, body {
	height: 100%;
    background-color:#eaeaea;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */
    border:solid 1px red;
}
.footer, .push {
	height: 155px; /* '.push' must be the same height as 'footer' */
}
.footer {
    border:solid 1px blue;
}
/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/