JSFiddle - React, Tailwind, and code Playground

HTML

<main>
		<header></header>
		<section></section>
		<footer></footer>
</main>

CSS

* {
			margin: 0;
			padding: 0;
		}

		html, body, main {
			min-height: 100vh;
		}
		section {
			min-height: calc(100vh - 204px);
		}

		header, footer {
			background-color: gray;
			border: 1px solid #000;
			height: 100px;
		}