Streaming live at 10am (PST)

HELP! with Flexbox


#1

For the 100th time i use flexbox, and when its "not properly working: i swith to DIV... and columns as always...
But know i am done with it! I want Flexbox working! HELP ME!!!

Can you please tell me what i do wrong here?

Safari (goes wrong)

Chrome is ok!

Shared Link:
https://preview.webflow.com/preview/free-d-sign?preview=c565a3e33ae19d115e080981adcf0b94

Website:
www.free-d-sign.nl<img


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


#2

Theres an issue with Safari and flexbox, the solution that I've known of is to build that flexbox part on safari itself instead of chrome.

It is kind of strange but thats the only way that I know to make it work.


#3

Yes I have been battling Safari and flexbox all day. I now hate Safari.
I have had to use 49.7% widths instead of 50% widths, all sorts of strange crap.
And yes I had to build in Safari the browser that likes the flicker like hell.


#4

Yes... Flexbox and safari doesn't work at all! Very frustrating.
I'm not sure why I would use Flexbox if it's not working in 1 of the most popular browsers (Safari, Chrome, Firefox). :frowning:


#5

So.... thought it was me... but where are all strugling with it... and indeed, if its not working in safari we can i can not use it.
Back to Columns again!!!


#6

Solution I use is to put the flexbox parent into another regular div. Keeps the flexbox children from falling outside of the parent as shown in your screen grab.


#7

I have the flexbox struggles too. Mostly firefox (on PC) and Safari that have the most issues.


#8

I had the same problem with flexbox on safari.
Try to adjust or build it form safari itself, it will be compatible with other browsers.
I've changed it from safari and it worked for me.


#9

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