JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Test</title>
</head>

<body>
	<header>
    	<nav>
        	<article id="hs-logo" class="col span_24"><div class="logo-item">&nbsp;</div></article>
        </nav>        
    </header>        
</body>
</html>

CSS

/*  
	CSS Reset by Eric Meyer - Released under Public Domain
    http://meyerweb.com/eric/tools/css/reset/
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0; font-size: 100%; font-weight:normal; vertical-align: baseline; background: transparent;}
body              {line-height: 1;}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}

/*-------------------------------------------------------------------
Global Styles
-------------------------------------------------------------------*/
body {font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-repeat: repeat; background-position: top center; background-color: #ddd; margin: 0 auto; /**text-rendering: optimizeLegibility;**/}

img{max-width: 100%;}
#ie6 img{width: 100%;}

.row{margin-bottom: 0px;}

/*-------------------------------------------------------------------
Layout
-------------------------------------------------------------------*/
#ie .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:1px;}

div#ie, div#not-ie{width: 100%;}
header {width: 100%; height: 320px; position:relative;}
#hs-wrapper {margin-bottom: 0px;}
header #hs-logo {height: 300px; padding: 10px 0px 0px 0px; margin: 0 auto;}
header #hs-logo .logo-item{display:block; width: 600px; height: 300px; background-image:...