Menu icon Foundation
Flex-grid issues with Safari 10

Hello, I am using the flex-grid and everything looks great in Chrome and Firefox, but in Safari, my last column is being pushed down to a new row. I cannot figure out why it is not aligning correctly. screenshot attached. Is there a setting I have to add for Safari? 

 

third column being pushed down in Safari 10

Safariflex-gridalignment

Hello, I am using the flex-grid and everything looks great in Chrome and Firefox, but in Safari, my last column is being pushed down to a new row. I cannot figure out why it is not aligning correctly. screenshot attached. Is there a setting I have to add for Safari? 

 

third column being pushed down in Safari 10

Rafi Benkual almost 3 years ago

Hi Ryan -

Awesome that you are using Flexbox! How are you sizing the columns in the row? Are you setting any max-width or fixed width? Safari and Flex don't work the same with those as other browsers.

What type of project are you working on that allows you to use Flexbox?

John Briggs almost 3 years ago

I have the same issue. I had problems getting the orginal value $global-width to compile so I replaced it with this

$global-width: 1200px !default; 

Is this what's causing the safari bug?