JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
	<div id="main_container">
		<div id="inner_container1">
		</div>
		<div id="inner_container2">
		</div>
	</div>
	<div id="footer">
	</div>
</div>

CSS

#main
	{
	 position: relative; 
   width: 900px;
	 margin: 0 auto;
	}
#main_container
	{
	 position: relative;
	 width: 900px;
	 background: #f00;
	}
#inner_container1
	{
	 float: left;
	 height: 250px;
	 width: 50%;
	 background: #0f0;
	}
#inner_container2
	{
	 float: right;
	 height: 150px;
	 width: 50%;
	 background: #00f;
	}
#footer
	{
	 width: 900px;
	 height: 80px;
	 background: #f0f;
	}