JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <p>Zeile</p>
    <p>Zeile</p>
    <p>Zeile</p>
    <p>Zeile</p>
    <p>Zeile</p>
    <p>Zeile</p>
    <p>Zeile</p>
    <p>Zeile</p>
    <p>Zeile</p>
    <p>Zeile</p>
    <p>Zeile</p>
    <p>Zeile</p>
</div>
<div class="footer">
    Footer
</div>

CSS

* {
    margin: 0;
    padding: 0;
}
html, body {
    height:100%;
}
.wrapper {
    min-height:100%;
    margin-bottom:-2em;
}
.wrapper > *:last-child {
    padding-bottom:2em;
}
.footer {
    height:2em;
    background-color:#CCC;
}