Streaming live at 10am (PST)

Flex issue on safari - fine in chrome


#1

HI All,

The site I am currently building is using flexbox in a few places. i build in chrome.

http://vizibl.webflow.io/
https://preview.webflow.com/preview/vizibl?preview=02130d7c3fc6247c28caf03aa9d5017b

On publish in chrome it looks like this: which is as intended.

On safari however it looks like this: and no idea why.

Thanks :slight_smile:


#2

Hi, your read only link is 404.


#3

Hi, just fixed. sorry


#4

It’s an ancient bug :confused: I’m dealing with it regularly.

Many ways to fix this:

  1. weirdly if you redo your grid from scratch within Designer on Safari, it won’t happen, and it will not happen again when you switch back to Chrome

  2. this method:

  1. a real clean method that I can’t find back, trying to get it from Jason. Will come back later today.

#5

Thanks for all the help :slight_smile: will look into those fist two options now :slight_smile:


#6

I rebuilt it in safari. Was fast enough and i think works now!

Are you able to give it a quick check your end?

Thanks again buddy! :slight_smile: