JSFiddle - React, Tailwind, and code Playground

by NOVUSIDEA

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/uikit/2.3.1/css/uikit.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/uikit/2.3.1/js/uikit.min.js"></script>
<header>
    
</header>
<div id="wrapper" class="uk-container uk-container-center">
    <div class="uk-grid uk-grid-divider">
        <div class="col uk-width-medium-1-3">1</div>
        <div class="col uk-width-medium-1-3">2</div>
        <div class="col uk-width-medium-1-3">3</div>
    </div>
</div>

CSS

body {
    background: url('http://i.imgur.com/IxIIAdM.png');
}
header {
    background: #333;
    height: 300px;
    border-bottom: 1px solid #666;
    position: relative;
    z-index: 5;
}
#wrapper {
    background: #fff;
    box-shadow: 0 0 15px -10px #000;
    position: relative;
    z-index: 10;
    margin-top: -150px;
    margin-bottom: 25px;
}
.uk-grid .col {
    height: 2000px;
    padding-top: 25px;
    padding-bottom: 25px;
}