JSFiddle - React, Tailwind, and code Playground

by Hashem Qolami

HTML

<div id="canevas">
    <div class="spacer"></div>
    <article>My website's content</article>
    <div id="push"></div>
</div>
<footer id="footer">Here my footer</footer>

CSS

html, body {
    height: 100%;margin:auto;
}
div {
    background-color:red;
}
footer {
    background-color:blue;
}

#canevas {
    min-height: 100%;
    margin-bottom: -33px;
}

#footer, #push {
    height: 33px;
}

.spacer {
    height: 50px;
}