Curve layout on MacOS in Safari?

S

scouser922021-01-28 11:30:46

safari

scouser92, 2021-01-28 11:30:46

Guys, help who can.
There is a site nutstore.ru. On a poppy in a safari, the hat moved out, it should be in one line. Everything is ok in other browsers. Used bootstrap 4 on flex. I do not have a poppy, and I can not check, so I ask for help. If it's not difficult to inspect the element, can you find what the problem is there?

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

S

sergski, 2021-01-28
@sergski

In Safari, for .row:before, .row:after the width is calculated as width: 1px; and in other browsers width: 0px These 2px break the layout.

Y

Yuri, 2021-01-28
@cheeroque

Another drug addict bug Safari. In version 14, apparently, the same is fixed.
As an option, you can add the .flex-lg-nowrap term so that it basically does not wrap on permissions, where everything should be on one line.