Margins mix up in different sized browser windows

Dear all,

I created a page where I use different rows with columns that overlap at some parts using negative margins (see picture attached).
On my desktop, the rows had a lot of white space in between them. Therefore, I used negative margins to bring the content closer together.
However, when I make the browser window smaller, the content overlaps in a weird way.

Can someone help me with this?

Hello,

You do not need to make negative margins, just set zero in all the rows, columns and elements to get rid of gaps http://prntscr.com/kqw9w4

If you want full-width rows, consider this option in a row and section settings: http://prntscr.com/kqwb34

Best Regards

[Author]

Posts