JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<div id="pagecontainer">
	<div id="anyContent"></div>
	<div id="pagecontent">
		<div id="bigContent">dfsfsd</div>
		<div id="footer"></div>
	</div>
</div>

</body>

CSS

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

#pagecontainer {
   min-height:100%;
   min-width: 100%;
   position:relative;
}

#bigContent {
	background: black;
    height: 1000px;;
    width: 100%;
}

#footer {
	background: blue;
    clear: left;
    bottom: 0px;   
    width: 100% !important;
	height: 100px;
}