JSFiddle - React, Tailwind, and code Playground

by Felipe Douradinho

HTML

<div class="wrapper">
    <p>Conteúdo do seu site</p>

</div>
<div class="footer">
    <p>Rodapé fixo</p>
</div>

CSS

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}

.footer, .push {
    height: 4em;
    color: #FFFFFF;
    background-color: #000000;
}