I'm following a GatsbyJS tutorial, and there they showed how to fix a footer a the bottom of the page. I followed their code exactly, however, it seems there are no changes and the footer up there with the page's content.

Any ideas?

footer.js

​

https://preview.redd.it/m0pysgrngjw41.png?width=871&format=png&auto=webp&s=33a3b077c40bef0c5e7bf3e548c4aff8a7ae0ce0

layout.js

​

https://preview.redd.it/9jph9z2sgjw41.png?width=629&format=png&auto=webp&s=63ce84c5ee053dbd22e33beb63fdfd2ba99a9fd3

​

https://preview.redd.it/r2b4oygxgjw41.png?width=380&format=png&auto=webp&s=004e3ec756965d2d4da3544d7984ebf283642ce5

​

https://preview.redd.it/1okeh8pzgjw41.png?width=408&format=png&auto=webp&s=b8f0eee7666bde9dcbae5a9de604affe0a11b64c