JSFiddle - React, Tailwind, and code Playground

by bvvell

HTML

<div class="layout">
    <div class="header">header</div>
    <div class="content">content</div>
</div>

CSS

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

.layout {
    display: table;    
    width: 100%;
    height: 100%;
}

.header {
    height: 100px;    
    background: #ddd;
}

.content {
    vertical-align:top;
    display: table-row;
    background: #777;
    height:100%;
}