Can anyone please help me figure out what’s going on?
This page was working fine before I made some edits to a different page and now something broke with CSS grid on mobile. As far as I can tell, it’s not that I accidentally changed a style or anything. I did change the order of some child elements within the grid but AFAIK it shouldn’t be affecting anything.
The page previews correctly in Webflow mobile and on desktop when inspecting in mobile mode.
When viewing on my iPhone (Firefox AND Chrome) it looks like this:
The discrepancy between the Webflow preview and the iOS version make it impossible to tell what I’m doing wrong. Is this a bug? I did see another topic on CSS grid issues, but that had to do with nesting CSS grid inside of a symbol, which is not the case here.
Greatly appreciate any help, thank you!