Sticky footer technique

The idea is that the footer sticks to the bottom of the screen, even when the content of the page isn’t enough to push it there:

html, body { height: 100%;}
body > footer {
  position: sticky;
  top: 100vh;
}

Mmmm very nice.

Source

• css-tricks