JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header-main">
    <div class="header">
        <img src="images/hand.png" alt="hand" />
        <div class="appz">
            <h1>Appz</h1>
            <h3>The amazing template to show off your new iPhone App!</h3>
            <a href="/">Download</a>
        </div>
    </div>
    <div class="content">
        <div class="slider">
            <div class="box">
                    
            </div>
            <div class="box">
                    
            </div>
            <div class="box">
                    
            </div>
            <div class="box">
                    
            </div>
            <div class="box">
                    
            </div>
            <div class="box">
                    
            </div>
        </div>
    </div>
</div>

CSS

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td { 
 margin: 0;
 padding: 0;
}
fieldset,img,abbr,acronym { 
 border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
 font-style: normal;
 font-weight: normal;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
caption,th {
 text-align: left;
}
ol,ul {
 list-style: none;
}
h1,h2,h3,h4,h5,h6 {
 font-size: 100%;
 font-weight: normal;
}

@font-face {
    font-family: 'bira_personal_use_onlyregular';
    src: url('../fonts/birapersonalu-webfont.eot');
    src: url('../fonts/birapersonalu-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/birapersonalu-webfont.woff') format('woff'),
         url('../fonts/birapersonalu-webfont.ttf') format('truetype'),
         url('../fonts/birapersonalu-webfont.svg#bira_personal_use_onlyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font:14px 'Myriad Pro', sans-serif;
    color:#5f5f5f;
}

.header-main {
    height:551px;
    background:url(../images/header-bg.jpg) center no-repeat;
}

.header {
    width:942px;
    margin:0 auto;
}

.header > img {
    float:left;
    margin:45px 0 0 0;
}

.appz {
    float:left;
    margin:86px 0 0 13%;
}

.appz h1 {
    font:60px 'bira_personal_use_onlyregular';
    color:#fff;
}

.appz h3 {
    font-size:24px;
    color:#fff;
    width:345px;
    margin:37px 0;
}

.appz a {
    width:137px;
    height:53px;
    background:#f12078;
    display:table-cell;
    font-size:18px;
    color:#fff;
    text-decoration:none;
    text-align:center;
    vertical-align:middle;
}

.content {
    height:1500px;
    width:942px;
    margin:0 auto;
    clear:both;
}

.slider {
    
}

.box {
    width:220px;
    height:250px;
    outline:1px solid green;
    margin:1px 20px 1px 1px;
    float:left;
}

.box:last-child {
    margin:0 0 0 0;
}