JSFiddle - React, Tailwind, and code Playground

HTML

dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
dfvdfv <br />
<div class="footer"></div>

CSS

html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 170px;
}
.footer {
    width: 100%;
    height: 150px;
    background: #3167b1;
    position: absolute;
    bottom: 0px; left: 0;
}