JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="inner"></div>
</div>

CSS

body, html {
  height: 100%;
}
.outer {
    height: auto;
    background:red;
    min-height: 100%;
}
.inner {
    background:blue;
    box-sizing: border-box;  /* required if you're using padding */
    width: 60%;
    margin: auto;
    padding-top: 30%;
}