JSFiddle - React, Tailwind, and code Playground

by Nenad Novakovic

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<section>
    <div class="container">
        <div class="page-header">
            <h1>Awesome Title... </h1>
        </div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident maxime consectetur praesentium nulla, hic, corrupti nobis nam aut minima accusamus rem totam laudantium, vitae quae eos? Explicabo eligendi earum saepe?
    </div>
</section>

<section>
    <div class="container">
        <div class="page-header">
            <h1>Second Awesome Title... </h1>
        </div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident maxime consectetur praesentium nulla, hic, corrupti nobis nam aut minima accusamus rem totam laudantium, vitae quae eos? Explicabo eligendi earum saepe?
    </div>
</section>

<section>
    <div class="container">
        <div class="page-header">
            <h1>Third Awesome Title... </h1>
        </div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident maxime consectetur praesentium nulla, hic, corrupti nobis nam aut minima accusamus rem totam laudantium, vitae quae eos? Explicabo eligendi earum saepe?
    </div>
</section>

CSS

html, body {
    position: relative;
    height: 100%;
}

section {
    background-color: #fafafa;
    position: relative;
    height: 100%;
    min-height: 340px;
    margin-bottom: 20px;
}