How would you create a sticky footer that stays at the bottom of the viewport when content is short, but moves down when content is long? Explain multiple approaches.

Sample answer preview

The sticky footer problem is a classic CSS challenge. The footer should stick to the bottom of the viewport when there is not enough content to push it down, but should move below the content when there is more content than fits on the screen.