Streaming live at 10am (PST)

Spacing issues on Safari with Collection Grid


I have a page with Grid showing Collection items. Everything works perfectly on Chrome and Firefox, but in Safari I encounter spacing problems I can’t get my head around. How can I solve this?

Published link:

Thanks in advance!

Chrome: everything fine

Firefox: all good

Safari: spacing messed up. look at the underlined text that jumps outside the container

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

Hi Louis,

This might be the flex property.
Check this:

Thanks @avivtech!

I understand what needs to be done, but I don’t know how or where I can change the min-width and max-width with flex in webflow.

I’m sure you figured this out by now, but I’ve learned that Safari doesn’t like it when grids are set to 100% height. Make sure it’s set to Auto.