I was hoping I could beseech some of you wise and experienced minds to help me with a little detail; I’m also just curious why this is happening and would like to learn from my mistakes.
My hunch is that it has something to do with the background image properties I have set.
I, on my webpage, use background images to differentiate the various sections. The thing is is that from the designer view I have a Paragraph Box bleeding into the next section below it while this doesn’t when viewed from the preview window or visiting the site via its public URL.
You have given your sections a fix property. the differences you see are only because of the width of the viewport. you need to remove the PX height property you gave to your sections so they can increase in size when their content overflows.
If you need more help:
Can you please share your project’s public link so it’s easier to understand your issue?
When I remove the set pixel height I get a small band of white between sections on the bottom of the section that I removed the PX property for. So the green background with the spiderweb has a band of white at it’s bottom before the next blue section with the ice.
I figured out a solution to my white segments problem, changing the Display Settings from “Block” (empty box with border outline icon) to “Inline” (bordered box with ABC text inside it icon) remedied things … I’m such a newb.
