the problem isnât the background, but the placement of the âtopâ div
see this picture showing what I saw when I inspected your div
your div âtopâ is starting from a point that is higher than what is visible (it starts underneath the header menu).
Thatâs why there is a gap between it and the next section.
You seem to be using a lot of different stylesheets. Iâm not familiar with what they contain, or how they affect your page so I canât offer any advice.
The brute-force method of forcing your section down is to set its position to relative and then move the âtopâ setting to some number of pixels that equals the amount of the displacement. But this method may not work for every screen width/height.
Perhaps go back and try to understand how the stylesheets you are importing should be used, as you might be misusing them in some way.
Oh thank you! I took away the style sheet and the âtopâ div and itâs still not working. Do you have any other suggestions?
yes, now you have space between the contact section and the portfolio section and that is because the contact section has a margin or padding setup. set the top margin & padding to 0 to get rid of that.
Edit: putting margin to 0 in the contact section should be enoughâŚ
Thank you so much! Super helpful.