JSFiddle - React, Tailwind, and code Playground

by Jon-Carlos Rivera

HTML

<div class='this-is-why-most-layouts-have-some-sort-of-container-div-inside-body'>
    <h1>Hi!</h1>
</div>

CSS

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

.this-is-why-most-layouts-have-some-sort-of-container-div-inside-body { 
    padding-top:1px;
}

JavaScript

console.log(getComputedStyle(document.body).height);