FlexBox состоит из Контейнера и его Дочерних элементов (items). Для включения flexbox, любому HTML элементу достаточно присвоить css свойство display:flex; <style> .flex{ display: flex; } </style> <div class="flex"> <div class="item">1</div> <div class="item">2</div> </div> CSS свойства Flexbox Flexbox содержит разные css правила для управления всей flex конструкцией. Одни нужно применять к основному контейнеру, а другие к элементам этого контейнера. Для контейнера: display: flex - элемент растягивается на всю ширину и имеет свое полное пространство среди окружающих блоков...

Кроссбраузерность Задача: задать стили, исключительные для Safari. То есть в Chrome и других браузерах эти стили не должны применяться. Что использовать? Webkit? PHP? JS? Решение @supports (overflow:-webkit-marquee) and (justify-content:inherit) {    /* your custom css */ } Кажется, что это не единственный способ "взломать" css и заставить его нетипично вести себя. Почему это работает, ведь css...