Unintended Background Overflow

Unintended Background Overflow
0

#1

Is the link to my project. I have changed the width % of my body element, played around with the width % of my div elements and I can not seem to find were the overflow is from and how to address it. If anyone can take a look and give me a few pointers or direct me down the right path to understand what is happening with this page and the layout. note: my form is not complete as it ended up lagging the compiler, until my end goal is accomplished I will not be completing my submission form. Thank you for helpful insights!!


#2

I don’t see any overflow issues. But if you need to remove them you can always make sure the width is no more than the viewport and then add

html {
overflow-x: hidden;
}

to your CSS.

As for other advice, try resizing your window to see how it looks on different screens. It messes it up a bit.

Check out these for help with that:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-principles/create-a-media-query/
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-principles/make-an-image-responsive/

Good luck!