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](https://preview.webflow.com/preview/avas-spectacular-site?utm_medium=preview_link&utm_source=designer&utm_content=avas-spectacular-site&preview=2ad0848ddcca42d457bf6e597165fef5&workflow=preview)
(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