HELP! Footer Position Issue!

Question

Trying to position the footer correctly. i have the code set up correctly, but there is soething else that's making it not work correctly. Anyone find the issue?

https://code.sololearn.com/WYIj71kGz5QL/?ref=app

Answer 1

I added a filler section to adjust it.
https://code.sololearn.com/WWTfPR7yT1Z0

Answer 2

sometimes that's necessary.

now here's a question, rather than position absolute and bottom why not just leave it inside the flow of the page, without position at all? that way you wouldn't have to worry about filler and it would always sit in line at the bottom by its natural place in the code.

Answer 3

Thanks for the help! I'm just going to keep it at display flex, with bottom 0 to keep it at the bottom!

Answer 4

if you want it to stay at the bottom of the screen no matter where you scroll you need position: fixed. if you want it further down the document you either need to add more space to the bottom so it isn't covering up your content or make the bottom number negative. though this will push it down over the hr.