JSFiddle - React, Tailwind, and code Playground

by JCatJ098d9837

HTML

<div id="wrapper">  <!-- WRAPPER BEGIN -->

	<header>
 header stuff: logo, utilities, search, etc.
	</header>

	<nav>
	unordered list
	</nav>


	<section> <!-- section floats left -->
		<article>
			<h1>Heads of various sizes</h1>
			<p>body content, images, sliders</p>
		</article>
	</section>
	
	<aside><!-- aside floats right -->
			<h1>Heads of various sizes</h1>
			<p>body content, images, sliders</p>
	</aside>
	
	<footer> <!-- footer clears both -->
	Footer items, courtesy nav, text blurbs, graphic elements
	</footer>

</div>  <!-- WRAPPER END -->