Strange bug on safari only - 3 columns

Hello! I have a strange bug happening on safari. I have this 3 column setup where i display some videos and text about the company (see here EPICENTER)

It looks great on chrome and firefox but looks totally messed up on safari. Anyone know the cause of this?


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

Ya, it really is. Probably due to a misconfiguration.

Sharing a read-only link will make it easier for others to see the issue.

You can also try moving all elements out of the grid and then rebuilding the grid again.

Here is the read only link - i put the affected elements on a new page temporarily but the bug is there all the same. Webflow - EPICENTER

Because i can’t get the design i wanted with grid / flexbox, i tried using the columns in the text settings. This has worked before but is apparently causing issues on safari.

It looks like you fixed it. I don’t see it broken on Safari anymore.

But I just played with your read-only link. The “about grid” part is a bit buggy, probably because there are a lot of assets to load.

Using grid (eg. 3 cols, 4 rows, the tall ones take up 3 rows) may help to improve and make the boxes fixed in position easier. Remember to change the “Position” of each item to “Manual” on the side panel, and then you can drag their corners to your desired positions easily.