JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    		<div	id="topBar" class="topBar">

            </div>
    		
    	<div id="mainContent" class="mainContent">	
            </div>
    	
    		<div class="footer" id="footer">
            </div>

CSS

html{
	min-width: 790px;
	min-height: 300px;
	font-family: 'Open Sans', sans-serif;
	height: 100%;
}

body{
	font-family: 'Open Sans', sans-serif;
	/*border: 2px solid black;*/
	height: 100%;
	min-height: 300px;
	min-width: 790px;
}
*{
	margin: 0;
}

.wrapper {
	height: 100%;
	width: 100%;
}
.footer {
	height: 35px;
    background-color: #00F8FD;
	width: 100%;
}

.topBar{
	height: 75px;
	width: 100%;
	background-color: #00F8FD;
}

.mainContent{
	background-color: red;
	height: 100%;
}