JSFiddle - React, Tailwind, and code Playground

by alois de gouvello

HTML

<div class="wrapper">
            <p>Your website content here.</p>
            <div class="push"></div>
        </div>
        <div class="footer">
            <div class="home"></div>
            <div class="small"></div>
        </div>

CSS

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -155px;
}
.footer, .push {
	height: 155px; 
}

.footer {
        background: rgb(59, 59, 59);
}

.footer .home {
    height: 100px;
    width: 100px;
    background: red;
    position:absolute;
    margin-top:-100px;
    margin-left:42px;
}

.footer .small {
    height: 60px;
    width: 60px;
    background: blue;
    position:absolute;
    margin-top:-60px;
    margin-left:162px;
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/