Weird negative margins

Design help General
1

Hello, this is happening in all my sections, why? I revised all the elements and nothng

image
image560Ă—878 44.6 KB

https://preview.webflow.com/preview/uxdbbackup?utm_medium=preview_link&utm_source=designer&utm_content=uxdbbackup&preview=fc6752519e5e8433ac572db57f7f5a89&mode=preview

2

This is because you’re using column elements which—by default—give each column negative margin on both the left and right sides:

image

These have essentially been depreciated, just like the container section, as you can get similar functionality with more control using either flexbox or grid.

In your read-only link it looks like you’ve just gone ahead and overwritten the negative margins (which is totally fine) although if you are so inclined I’d recommend you replace your column elements with div elements nested within a flex parent. You’ll have access to better features like absolute centering, reverse column layouts (to make alternating column layouts without affecting the flow of your DOM), and more granular control over sizing.

1 Like
3

wow! Thanks for the fast reply! Yeah, I should change everything to flexbox… :frowning:

Time to work, thanks mate!!! <3

1 Like