Margin/padding discrepancy from nav to main content container

Design help General
1

Built this site and everything looked good on my computer but I sent my site to a friend and he showed me this screenshot where it appears that the nav margin is more than the main content container on my site:
Screen Shot 2022-05-20 at 3.33.32 PM
I am unable to replicate this issue on any of my own devices/browsers and so I am not sure how to fix it. Any advice welcome.
Currently, the content container for the nav and for the main body of my site have the same width properties:

Screen Shot 2022-05-23 at 10.30.12 PM
Screen Shot 2022-05-23 at 10.30.12 PM1920×996 97.8 KB

Screen Shot 2022-05-23 at 10.30.23 PM
Screen Shot 2022-05-23 at 10.30.23 PM1920×776 99.2 KB

Thank you!

Here is my site Read-Only: [[LINK]1]

Here is the link to my published site: https://www.jamesgalldesign.com/

2

Hi James,

Love the creative navbar!

I think I found the issue. There’s a -2 padding on the Nav Menu class. Remove that and it should fix it

Screen Shot 2022-05-24 at 6.00.23 PM
Screen Shot 2022-05-24 at 6.00.23 PM1920×1200 154 KB

3

Hey thank you!

I removed that, not sure why that margin was there. I also realized that the overflow on my main content container was set to scroll. When I switched it to hide it fixed the problem