Вот ссылка на мой проект codepen: https://codepen.io/jacobcollinsdev/project/full/XRgRRL
В Chrome и Firefox это работает отлично. В Safari содержимое внутри одного из моих контейнеров div, похоже, не центрируется по вертикали. По горизонтали это нормально.
Я уже пытался добавить display:-webkit-flex;
, как я видел, предложил. Что еще более запутанно, как вы можете видеть ниже, контейнер div, в котором содержимое находится в , имеет по центру по вертикали. Все в этом контейнере является его дочерним, так почему же они не выровнены по центру внутри этого?
![Safari Output](https://i.stack.imgur.com/KHAJZ.png)