Problem with flexbox in Safari

Design help General
1

We are using dynamic list which is inside of flex box. It looks like this:

image
image1920×1080 634 KB

But in Safari it looks like this:

image
image1920×1080 614 KB

That is after changing width in % to vw. It seems that Safari completely ignores the flex box.

Preview link: https://preview.webflow.com/preview/avokada?preview=889910aba7f4ac57d10f5ecc7ff9767c
Site link: http://avokada.webflow.io/

We are using this template: http://writetemplate.webflow.io/

Which works the way it should in Safari.

Is there any way to make this work?

Here is my public share link: LINK
(how to access public share link)

2

Hi @Vydrysek

When it comes to Safari and flexbox, there is a known bug. Look at the bottom of this page:

As a workaround, try adding height (or min-height) measurements to your elements.

hope this helps :slight_smile:

3

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.