JSFiddle - React, Tailwind, and code Playground

by Chris Ball

HTML

<header class="main-header">
	<h1>
		<a href="http://www.exocetprojects.com/">
			<img src="http://www.exocetprojects.com/assets/img/exocet_projects_logo.svg" alt="Exocet Projects" />
		</a>
	</h1>
	<nav class="site-navigation">
		<ul>
			<li><a href="#">Projects</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Contact</a></li>
			<li><a href="#">Search</a></li>
		</ul>
    </nav>
</header>

CSS

body {
    margin: 0 auto;
    max-width: 1400px;
    width: 85%;
}