Mobile viewport grid issue

I can’t seem to figure out why, but on the homepage on the first dark section, the globe image is overlapping the dropdown/accordion content instead of sitting below it. I haven’t been able to replicate the problem but it only seems to be occurring on iPhones. One other problem that seems to be iPhone specific is the Italic accent font not displaying properly and is being substituted in certain areas.

If someone could take a look I would be super grateful.


Here is my site Read-Only: Webflow - LA&CCA

hi @Brian_Farmer issue is related to CSS Grid row height you can set on mobile viewport min-content on row with accordion and this will push image below this content.

When given infinite available space, the max-content defines the box’s ideal size . However, when the viewport is narrower, the available space becomes the box’s size to prevent overflow until the box uses min-content .

Thank you so much!

That was the issue.