I'm in the process of developing a website. Check out the website here. You can view the code on Github as well. Access the code here.
If you prefer, here is the HTML and CSS:
HTML:
<!DOCTYPE html>
<html lang="en">
...
// HTML code goes here
...
</div>
<script src="Assets/jquery-3.3.1.min.js"></script>
<script src="Assets/Script.js"></script>
</body>
</html>
CSS:
@import url('https://fonts.googleapis.com/css?family=K2D:100');
...
// CSS code goes here
...
When attempting to scroll on mobile (using Google Chrome), a white box appears at the bottom of the page. It disappears when I lift my finger off the screen. Here's an image for reference:
https://i.sstatic.net/bDxa8.jpg
I'd like to understand why this occurs and how to eliminate it?