JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="header">
        <h1>LOGO</h1>
    </div>
    <div class="content">
        <p>This is a test</p>
    </div>
</div>

CSS

html {
    height:100%;
    background: red;
    padding: 0px;
    margin: 0px;
}

body {
    height:100%;
    background: blue;
    padding: 0px;
    margin: 0px;
}

#container {
    width:400px;
    height: 100%;
    max-height: 100%;
    background: green;
    margin: 0px auto;
}

#header {
    padding-top: 40px;
    font-size: 24px;
    margin-bottom: 40px;
}

.content {
    background: white;
    height: 100%;
}