Footer not displaying at the bottom

Question

https://code.sololearn.com/WmHfY0kK9Kny/?ref=app I want this footer to stay at the bottom of the page even when the page has less content.

Answer 1

there's a lot of way to do this. here's one
use display flex. set the direction to column, then justify-content space-between. do all of those to its parent element. also make sure the parent element's height is at least 100vh