Why does the footer stay in the middle?

why does the footer stay in the middle of the page, and best practices to keep it at the bottom of the page?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hello there!

To make this simple : Your footer isn’t in the bottom because your page’s content is not as big as the screen width.

To solve this , make your footer fixed to the bottom


i tried fixed and on my other pages when i scroll the footer scrolls with it, and blocks content