How do I make footer stay at bottom of content?

Question

Hello, I have a problem here. I have a footer in this code but I don't want it to be absolute or fixed as I don't want it to be stuck to the page or visible always. I want to have a relative footer at the bottom of the content which you can only see if you scroll down. But making it position relative doesn't make it visible. What should I do?
Any help is appreciated
Thanks in advance

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

Answer 1

You may set
bottom:0%;
For this purpose.

Answer 2

Do this
body{
position: relative;
}
#footer{
position: absolute;
}

Answer 3

@Ore Adeleye I have already set bottom:0; and making body relative isn't working

Answer 4

Evans
See my solution

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

Answer 5

It doesnt work. I dont want it to be stuck, just at the very bottom like normal webpages

Answer 6

Ore Adeleye it works in the home screen - that's where there is no other content. But please open the menu -> click electronics and select first option. There is content here and the footer doesn't work.