The mobile page would get cutoff at the top if the height of the screen was not perfect. I fixed this by changing "height: 100vh" to "min-height: 100vh" in the body css.
I was having some issues with the padding going outside of the out outer container so I used box-sizing: border-box; to make sure it did nothing went outside of the outer container.