Streaming live at 10am (PST)

Squish squash on tablets

Hi folks, I’m using this pretty sweet plug in filter thang. But. Any idea why this is so squashed on Tablet? https://preview.webflow.com/preview/innovare-advancement-center?utm_medium=preview_link&utm_source=designer&utm_content=innovare-advancement-center&preview=2498361ba4c59399a980b0786b04028f&pageId=5f3b2124aa9f16bcd9350724&mode=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

You have the width of the image set to 116 and the fit to fill with the height set to fill auto height. change the flex height of the image element to center instead and it should fix it and then set the image fit to cover and you should be set.

Thanks. Chris reminded me to cut the rows down on the grid and that helped stack so it’s not two columns thus causing squish. HOWEVER it looks great on Webflow but in real life its still mess up. Take a look.

https://preview.webflow.com/preview/innovare-advancement-center?utm_medium=preview_link&utm_source=designer&utm_content=innovare-advancement-center&preview=2498361ba4c59399a980b0786b04028f&pageId=5f3b2124aa9f16bcd9350724&mode=preview

please see my recommendation above.

Thanks Dave, I see the width as 387 px. Am I looking at the wrong thing? I also change the entire “team section” to centered flex but it still shows as 2 squished columns on my iPad.

The image is set to 116

Doh, I was looking at it on tablet view. THANKS SO MUCH DAVE!

1 Like