JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html> 
<html> 
	<head>
		<title>Header Test</title>
		<link rel="stylesheet" type="text/css" href="stylesheet.css" />
	</head>
	<body>
		<div class="wrapper">
			<div class="header"></div>
			<div class="content"></div> 
			<div class="footer"></div>
		</div>
	</body>
</html>

CSS

html, body { 
	height:100%;
	margin: 0;
	padding: 0;
}

.wrapper { 
	min-height: 100%;
	position: relative;
}

.header { 
	height: 75px;
	padding: 10px;
	background-color: red;
}  

.content { 
	height:100%;
}

.footer { 
	width:100%;
	height: 75px;
	bottom: 0;
	position: absolute;
	background-color: orange;
}