JSFiddle - React, Tailwind, and code Playground

by rodneyrehm

HTML

<script src="http://leaverou.github.com/prefixfree/prefixfree.min.js"></script>
<header>
    <div class="container">
        <h1>
            <img id="logo"...

CSS

body {
    background: #EFEFEF;
}

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

body > header {
    position: fixed;
    top: 0; 
    right: 0; 
    left: 0;
    height: 75px;
    
    border-top: 3px solid #4DA6E5;
    border-bottom: 1px solid #4DA6E5;
    box-shadow: 0 1px 0px #0F1E3B;
    
    background:...

JavaScript

$('#logo').on('click', function(e) {
    $(this).closest('header').toggleClass('small');
});