Why doesn't space-between work in Safari?

Question

css

I made the mobile version in the Chrome emulator - everything is fine there.
napishem.github.io/napishem/views/page/others/%D0%...
But if you open it on an iPhone (320px) in Safari, then at the very top the right column will fit on the logo (although "spacebetween" is indicated).
I have Windows and I can’t install MacOS in a virtual machine, it’s problematic to debug.
Maybe you have an idea why this is happening?

Answer 1

It turned out that min-width: auto was specified for mobile devices.
It worked for everyone, but not for safari.

Answer 2

You have the flex-box for .header__navbar being overridden by the media overlay media screen and (max-width: 767px). Maybe this is the issue?