Streaming live at 10am (PST)

Flexbox "wrap children" setting not working in Safari 9.1.2


#1

Hi, I am trying to use the "wrap children" setting for a parent div that has a display setting of "flex". I have set the max width of the children divs to 33.3% to create a 3 column grid. The code seems to be working in every browser except for Safari. I am using the latest version 9.1.2 on Mac.

Here is a link to the page: (Scroll to the section "Prototypes")
http://www.mhurley.net/vanguard-retail-site-redesign


Here is my public share link:
https://preview.webflow.com/preview/mph?preview=941f43bd4fe30dde0bae3b303ab1fc88


#2

Hi @Michael_Hurley instead of setting a Max-width on those elements, try setting a width of 33.33% for the desktop style on those element and that should resolve the issue. Adjust for the other viewports as is needed.


#3

Thanks @Waldo I think I tried everything but that… works perfect now.


#4

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