Bad Programmer

To make your footer go aaaaaall the way down, even when your content is not big enough to fill the page:

HTML

<div id="wrapper">
   <div id="main"> <p> Not enough content </p> </div>
   <div id="footer"> <p> Down with this footer </p> </div>
</div>

CSS

#wrapper{ 
   display: flex; 
   flex-direction: column; 
   min-height: 100vh; 
} 
#main{ 
   flex: 1; 
} 
#footer{ }