Mobile layout is always distored

Although my mobile layout looks sorted here, whenever I go to my phone it’s all distored. I think it’s this big white space on the side causing the issue. Anyone know how to eliminate it?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Spot the culprit section: delete sections one b y one until the problem is solved.
When you identified the culprit section, pass it overflow:hidden.

The issue with that is that it looks fine in editing mode and view mode on my computer. Also, I have just noticed it looks fine on some phones, and on mine specifically, some sections are completely distorted. So, I am not sure how to resolve this when it isn’t all phones.