Margins colliding or "morphing"

Hello friends!

I have the following issue:
I have 2 sections, both have margin-top & margin-bottom of 75px but somehow the margin between the 2 sections are not 75px + 75px = 150px, they are only 75px. (Screenshot)
What am i doing wrong?

Thank you for your help!

This is known as margin collapse and is normal behaviour. For top and bottom (vertical) margins in css, they typically take the size of the largest margin. so in your case, both are 75, so the space between both will be 75 and not add up to 150. If you had margin-top as 75 and margin-bottom as 65, space in between would still be 75

Hey Mohammed! Thank you so much =)

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.