JSFiddle - React, Tailwind, and code Playground

HTML

<header id="header" class="">
	
</header><!-- /header -->

<section>
	<div class="leftSection"></div>
	<div class="rightSection"></div>
    <div class="clr"></div>
</section>

<footer>
	
</footer>

CSS

header, footer, section{width: 1200px;}
	header, footer{height:150px;}
	section{min-height: 500px;}
	.leftSection{ float: left;width: 45%;color: red;}
	.rightSection{ float:right;width: 45%;color: blue;}
	.clr{clear: both;}