My sections are overlapping even with auto height

Design help General
1

Hi! It’s my first Webflow website and I’m following the 21 day portfolio tutorial and I seem to have a problem with overlapping sections. My settings seem to be identical to the tutorial, so I really don’t see why it’s doing that…
As you can see in the screenshots, the sections (outlined in blue) are really narrow in height and the content is simply overflowing the sections… In the first section underneath the purple one, I have a form, which is hidden behind my collection list wrapper.

Maybe your fresh eyes can see my problem!

Capture d’écran, le 2023-02-23 à 17.42.01
Capture d’écran, le 2023-02-23 à 17.42.011920×961 134 KB

Capture d’écran, le 2023-02-23 à 17.48.27
Capture d’écran, le 2023-02-23 à 17.48.271920×939 132 KB

Here is my site Read-Only: https://preview.webflow.com/preview/kellys-portfolio-ed3ebc?utm_medium=preview_link&utm_source=designer&utm_content=kellys-portfolio-ed3ebc&preview=77b63935759e758b6bf05b2bf3ab3f42&workflow=preview

2

Hey Kelly,

Looks at though you have a height of 0EM set on your container class, which is causing the issue!

Screenshot 2023-02-23 at 23.05.57

If you reset this, you should find it’s working as normal!

1 Like
3

Thank you so much Mason this worked ! That’s what happens when I try multiple features at the same time :sweat_smile: :sweat_smile:

1 Like