Keep a footer at the bottom of the page

Make the body a column that is at least as tall as the screen, and let the main area grow.

More CSS recipes

• Center a div horizontally and vertically
• Make a sticky header
• Create a responsive grid of cards
• Style a button with a hover effect
• Build a pure CSS tooltip