JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="header">
        <div>Menu/Cabeçalho</div>
    </div>
    <div id="content">
        <p>Pequeno texto aqui</p>
    </div>
    <div id="footer">
        <p>Rodapé no final da página</p>
    </div>
</div>

CSS

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

#wrapper {
	min-height:100%;
	position:relative;
}
#header {
	background:#ededed;
	padding:10px;
}
#content {
	padding-bottom:100px;
}

#footer {
	background:#ffab62;
	width:100%;
	height:100px;
	position:absolute;
	bottom:0;
	left:0;
}