Spacing issues on Safari with Collection Grid

Design help General
1

Hi,

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: https://planbrussel.webflow.io/agenda

Thanks in advance!
Louis

Chrome: everything fine

Chrome
Chrome990×857 582 KB

Firefox: all good

Firefox
Firefox990×865 585 KB

Safari: spacing messed up. look at the underlined text that jumps outside the container
Safari
Safari990×824 658 KB

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

2

Hi Louis,

This might be the flex property.
Check this:
https://stackoverflow.com/questions/36636243/flex-items-not-stacking-properly-in-safari

3

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.

4

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.