title: Footer not displayed properly on mobile browsers
body: <p>I'm working on my portfolio website, and ran into a problem when viewing it on a mobile browser. Here is the website: <a href="http://attilakomaromi.ca/so_question/" rel="nofollow noreferrer">http://attilakomaromi.ca/so_question/</a></p>
  
  <p>If you scroll down, you'll notice that the footer is revealed. Chrome's mobile emulators also display the footer properly. However, when viewing the webpage on an actual smartphone, the footer can be scrolled to, but the page will snap back up the hide it once you remove your finger from the screen (please take a look at the above link on your phones to understand this problem).</p>
  
  <p>Here is the repository on GitHub for my website, if you need to take a closer look at the code: <a href="https://github.com/Twinbird24/portfolio-website" rel="nofollow noreferrer">https://github.com/Twinbird24/portfolio-website</a></p>