Gap Appears on Right Side of Screen in Mobile View

[KingstonSteele]

Description:

There's an issue where a small gap, approximately 1 pixel in width, appears on the right side of the screen when viewing the website in mobile view. This gap is visible both in the developer tools and on an actual mobile device.

Steps to Reproduce:

Open the website in a browser. You can see the issue in the preview here
Activate the developer tools (usually by pressing F12 or right-clicking and selecting "Inspect").
Toggle the device toolbar or select a mobile width from the responsive design view.
Observe the right side of the screen for the appearance of a narrow gap.
Additional Information:

The gap may not be immediately apparent but can become visible when using the element selector and hovering over any of the

elements.
This issue is not limited to developer tools; it has also been observed on an actual mobile device.
The gap can disrupt the visual appearance and alignment of the website, negatively impacting the user experience.
Expected Behavior:
The website should display without any visible gaps on the right side of the screen in mobile view, both in developer tools and on actual mobile devices.

Environment:

Browser: Chrome
Operating System: MacOS

Additional Notes:

This issue affects the overall aesthetics and usability of the website on mobile devices. Urgent attention to resolving this issue would greatly enhance the user experience across different platforms.

[stipsan]

PRs welcome :)