JSFiddle - React, Tailwind, and code Playground

by Hashem Qolami

HTML

<div id="canevas">Lorem ipsum et dolores
    <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;

    padding-top: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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