Flex-wrap bug in Safari and how to fix it

Опубликовано: 25 Март 2026
на канале: Zachary R Newton
3,427
10

In today's video, we will be adding some gallery styles to our casestudy and then we are going to take a look at our website in Safari. Safari has a bug with children of a flex-wrap. When you declare a max-width on a child of a flex-wrap set to wrap, Safari changes the flex-basis of that child to auto and that causes the children to wrap too early. In order to fix this bug, we will set the flex-basis to be the same value of the max-width.


ON THE INTERNET

Twitter -   / _zacharyrnewton  
Instagram -   / zacharyrnewton  
Facebook -   / zacharyrnewton  
The Web - https://zacharyrnewton.com/


MY GEAR

Camera A: http://amzn.to/2nyd0AE
Camera B: http://amzn.to/2nHl9n3
Light 1: http://amzn.to/2mRhoqj
Light 2: http://amzn.to/2n8bbb4
Audio Interface: http://amzn.to/2mNd5fo
Microphone: http://amzn.to/2naJqAa
Mic Stand: http://amzn.to/2naNRLm