Sticky Footer Layout
Forces the page footer to stay at the bottom of the viewport on short-content pages using flexbox.
CSSby SnipCraft
css
html,
body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.site-content,
main,
#content {
flex: 1 0 auto;
}
.site-footer,
footer,
#colophon {
flex-shrink: 0;
}#css#flexbox#footer#layout#responsive