JSFiddle - React, Tailwind, and code Playground

by bluetidepro

HTML

<div class="container">
    <header>This is the header</header>
    <article>
        This is my article!
    </article>
</div>

CSS

body, html {
    height: 100%;
    padding: 0; margin: 0;
}

.container {
    height: 100%;
}

.container header {
    height: 50px;
    background-color: #ddd;
    line-height: 50px;
    text-align: center;
}

.container article {
    height: calc(100% - 50px);
    background-color: #eee;
}