JSFiddle - React, Tailwind, and code Playground

HTML

<div id="galleria">
    <img src="images/inicio/1.jpg">
    <img src="images/inicio/2.jpg">
    <img src="images/inicio/3.jpg">
    <img src="images/inicio/4.jpg">
    <img src="images/inicio/5.jpg">
    <img src="images/inicio/6.jpg">
    <img src="images/inicio/7.jpg">
    <img src="images/inicio/8.jpg">
    <img src="images/inicio/9.jpg">
    <img src="images/inicio/10.jpg">
    <img src="images/inicio/11.jpg">
    <img src="images/inicio/12.jpg">
</div>
<div class="logo"><a href="/"></a>

</div>
<div id="rights" class="rights">2013&copy;</div>
<nav class="mobil">
    <ul>
        <li><a href="selected.html">SELECTED</a>

        </li>
        <li><a href="editorial">EDITORIAL</a>

        </li>
        <li><a href="adv">ADV</a>

        </li>
        <li><a href="personal">PERSONAL</a>

        </li>
        <li><a class="espacio" href="makingof">MAKING OF</a>

        </li>
        <li><a href="about.html">ABOUT</a>

        </li>
        <li><a href="contact.html">CONTACT</a>

        </li>
    </ul>
</nav>
<div class="social">	<a href="http://facebook.com/"><img src="images/facebook.png" alt="Facebook" /></a>
	<a href="http://twitter.com/"><img src="images/twitter.png" alt="Twitter" /></a>
	<a href="http://vimeo.com"><img src="images/vimeo.png" alt="Vimeo" /></a>
	<a href="index.html"><img src="images/youtube.png" alt="Youtube" /></a>
	<a href="index.html"><img src="images/tumblr.png" alt="Tumblr" /></a>
	<a href="index.html"><img src="images/instagram.png" alt="Instagram" /></a>

</div>

CSS

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
a {
    text-decoration:none;
}
body {
    -webkit-font-smoothing: antialiased;
}
@font-face {
    font-family:'BebasNeueRegular';
    src: url('font/BebasNeue-webfont.eot');
    src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('font/BebasNeue-webfont.woff') format('woff'), url('font/BebasNeue-webfont.ttf') format('truetype'), url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'PTSansCaptionRegular';
    src: url('font/PTC55F-webfont.eot');
    src: url('font/PTC55F-webfont.eot?#iefix') format('embedded-opentype'), url('font/PTC55F-webfont.woff') format('woff'), url('font/PTC55F-webfont.ttf') format('truetype'), url('font/PTC55F-webfont.svg#PTSansCaptionRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#rights {
    font-family:'TimesNewRoman';
    font-size: 12px;
    color:#777777;
    text-shadow: 1px 1px 0 rgba(119, 119, 119, 0.3);
    position: absolute;
    right: 9px;
    bottom: 44px;
 ...