JSFiddle - React, Tailwind, and code Playground

by Derek Wood

HTML

<section class="cover-thing first">
    first
</section>

<section class="cover-thing second">
    second
</section>

<section class="cover-thing third">
    third
</section>

CSS

*, *:before, *:after {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    margin: 0;
}

.cover-thing {
    width: 100%;
    height: 100%;
    float: left;  
}

.first {
    background-color: #333;
    color: white;
}

.second {
    background-color: #eee;
}

.third {
    background-color: #f06;
}