JSFiddle - React, Tailwind, and code Playground

by hiral

HTML

<header>
</header>
<main>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
</main>
<footer>
</footer>

CSS

*{margin:0;padding:0;}
html,body{height:100%;width:100%;}
header{height:50px;background:#CCC;}
footer{height:30px;background:#333;}
main{height:auto;min-height:calc(100% - 80px);}
p{padding-top:5px;}
p:last-of-type{padding-bottom:5px;}