Help: Grids malfunctioning on mobile views

Hello, my grids are spaced properly on webflow designer preview and desktop responsive view. But when I view them on my phone or tablet, the grids cells get super spaced out and everything starts pushing into each other. This is happening on other pages in my website as well.

Thanks for the help!

Webflow Mobile preview:

iPhone View:

iPad View:


Here is my site Read-Only: Webflow - Nathan Chen

Live Site: nathankchen.com/butterfly

Hey @nchen

This issue is happening on IOS Devices, probably mac Safari as well because when you place images in grid you can’t just set them to be 100% height due to them having no idea what 100% height is if they don’t have any reference for it. Just switch all of the images to be like 150px high and see if it improves things.

Let me know how it goes, cheers!