JSFiddle - React, Tailwind, and code Playground

HTML

<header>
    HEADER
</header>

<div>
    Eros molestie nulla morbi elementum in vel maecenas, pulvinar penatibus lacinia ornare massa senectus mauris, habitant eu. Nec augue penatibus aptent dictumst quis, habitant nulla dictum accumsan vestibulum ultrices purus, ullamcorper mattis velit justo pellentesque, bibendum sodales eget velit vestibulum,. Iaculis vel quis.

Fusce maecenas ad aenean vel nascetur est, cursus felis est phasellus, dictumst senectus venenatis quam fusce, ultricies urna enim nonummy sodales enim, sed. Auctor vel cras sem gravida, etiam tristique nibh pharetra commodo venenatis, suscipit velit habitant nunc vehicula risus, feugiat. Tempus congue dignissim turpis, faucibus massa eros tristique eleifend, ridiculus risus iaculis donec aliquam vehicula, facilisis turpis pellentesque magna, faucibus bibendum. Integer tincidunt dapibus platea magna, habitasse varius semper sapien consequat nibh, sociosqu sit urna posuere, massa luctus aenean vivamus platea nonummy. Auctor nisl urna elementum ad nisi, feugiat eleifend elit neque.

Ridiculus nulla integer tortor primis eleifend, quis eget ultricies vulputate fermentum, volutpat sociosqu vitae potenti malesuada. Quis fringilla suspendisse augue vel aptent placerat, turpis montes convallis augue facilisis euismod. Rutrum augue pellentesque feugiat, cubilia faucibus odio phasellus luctus sagittis facilisis, fringilla sollicitudin etiam mattis phasellus. Euismod sapien ligula neque.

Risus euismod fermentum ornare lectus varius, porttitor risus nec integer massa litora, mattis neque dapibus imperdiet dui, senectus. Mauris commodo velit pede consectetuer lobortis, per euismod sed diam condimentum rutrum, conubia eget posuere phasellus. Tempus praesent commodo mus curabitur, fringilla donec vivamus est feugiat purus, dictum fames fermentum lorem sed ornare, cum non est sapien. Lacus netus sodales praesent dignissim, a posuere rutrum ultricies id est, tempor a etiam laoreet id. Vitae nunc per at risus, eros...

CSS

html,
body {
    min-height: 100%;
}

body {
    margin: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

div {
    flex: 1;
}

footer {
    background-color: yellow;
}