JSFiddle - React, Tailwind, and code Playground

by hiral

HTML

<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%;
}
footer {
    background:#333;
}
main {
    min-height:100%;
    margin-bottom:-30px
}
main:after {
    content:"";
    display: block
}
footer, main:after {
    height:30px
}
p {
    padding-top:5px;
}
p:last-of-type {
    padding-bottom:5px;
}