JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
	content<br />
	content<br />
	content<br />
	content<br />
	content<br />
	
</div>
<div id="footer">
	footer
</div>

CSS

html,
body
{
	height: 100%;
	line-height: 1.5em
}
#content
{
	min-height: 100%;
    min-height: calc(100% - 3.5em);
    background:#ff0;
}