I have linked two images below. On the first one this is how it should look like. However, when you drag the mouse to the right side, there is this blue edge that definitely isn’t part of the body because the body as you can see is set to a gradient color. When I publish the site, you can still drag the mouse to the right and this blue edge is still there. Very thankful if anyone has a solution
Your element layout is a bit overcomplex for this.
I’d start from the top down and rethink what you’re trying to do. For example, your body has a maximum width of 1140px, and your image is a PNG with a lot of space on the sides of it.
You’ll want cleaner assets, no extra space on the sides, and SVG generally preferable for its ability to cleanly scale.
Start over with that section, and start with a full-width body. Otherwise your basic method should work fine; absolute-relative positioning of the image so it’s behind your nav, etc.
