JSFiddle - React, Tailwind, and code Playground

by Luis Almeida

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<div id="section1">
    <!-- This needs to be the full height of the screen -->
</div>
<div id="section2">
section2
</div>
<div id="section3">
section3
</div>

CSS

#section1{
    display: block;
    background: #000;
    width: 100vw;
    height: 100vh;
}

#section2, #section3{
    display: block;
    background: #f1f1f1;
    height: 100px;
}