Overlapping elements in Mobile View

Hi Everyone,

I’m building a new portfolio using the 21-day portfolio course and I’m creating a responsive design. I am working on the mobile screen and my “collection item” and “section” are overlapping. I tried setting their heights to auto but still having trouble. I don’t understand why they are only overlapping on the mobile screen. Any pointers would be appreciated! I’ve attached a screenshot as well.

Thank you for your time.


Here is my site Read-Only: [LINK](Webflow - Ava's Spectacular Site)
(how to share your site Read-Only link)

Hi Ava,

Your collection item is set to max-height: 0 - set it to none and it resolves the overlap, you might want to try a vertical flex layout on mobile (see pic)

  • Pete