Footer problem quote generator

Hello, I’m working on the random quote generator project. I think I got the javascript to work but now I can’t figure why the footer doesn’t “stick” to the bottom of the page when the viewport height is bigger than the actual page.

Here is a link to the codepen

Couple solutions in there.

i think you need to change position property to #footer set it to fixed

#footer {
position:fixed;
bottom:0;
left:0;
}