Question:
I’m having trouble getting the spacing height between sections. As I increase the browser width, the spacing between sections gets larger / taller.
How do you get them to not increase?
Product:
WIX Studio
What are you trying to achieve:
I want the spacing between sections to stay the same height in all breakpoints as the winder widens.
What have you already tried:
I’ve tried using static pixels for the section’s padding. as well as other units like % and vh/vw
Additional information:
I’m using padding inside sections to space out the content. I’ve been designing in 1440px width for desktop. This is what my designer wanted to use. the breakpoint is still 1001px.
Hi, @eglass !!
I think stacking the elements might allow you to maintain a consistent distance between them. Have you already tried this approach? 
Also, if you want to keep the same spacing between the stacked elements across all breakpoints, you’ll likely need to set the spacing unit between them to px rather than px*. 
But it’s happening with all my sections. And I can’t stack all of them. And in addition to the header and footer, there is also a global one.
I’ll keep looking into it
Is it possible that you’re using around three separate sections within the area shown in the image? If so, just my personal opinion—but it might be a bit too divided. I think it would be fine to combine everything into a single section.
Alternatively, if you’d like to keep the current layout, try checking the padding values for each section.
With a section element selected, open the settings panel on the right side of the editor by clicking the “<” button. Near the bottom, you’ll find a setting called Padding—make sure it’s set to 0.
If it’s set to anything other than zero, that might be what’s causing the issue. 
use advanced CSS grids, this will make it easier to control spacings
