JSFiddle - React, Tailwind, and code Playground

HTML

<section id="content">
        <p>Temp Text</p>
</section>

<section id="footer">
    <footer>
        <p>All rights reserved</p>
    </footer>
</section>

CSS

body{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
#content{
	flex: 1;
}