JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<div id="header">
	</div>
	<div id="body-container">
    	<div class="left">
    	</div>
    	<div class="right">
    	</div>
	</div>
	<div id="footer">
	</div>
</body>

CSS

div {
    margin-bottom: 0.1em;
    background-color: #99ccff;
}

#body-container {
    background-color: white;
    padding-top: 3.1em;
    width: 20em;
    height: 35em;
}

.left {
    width: 2.5em;
    height: 100%;
    float: left;
}

.right {
    margin-left: 2.6em;
    height: 100%;
}

#header {
    background-color: #99eeee;
    position: fixed;
    height: 3em;
    width: 20em;
    z-index: 1;
}

#footer {
    height: 3em;
    width: 20em;
}