JSFiddle - React, Tailwind, and code Playground

HTML

<div class="body">
	
	<div class="container">
		<div class="row"></div>
		<div class="row"></div>




	</div>

	<footer></footer>
	
</div>

CSS

.body {
	background: #FFF;
	min-height: 100vh;
}

.row {
	margin: 5px 0;
	width: 100%;
	height: 150px;
	background: red;
}

footer {
	position: absolute;
	bottom: 0;
	height: 20px;
	background: blue;
	z-index
}