Frontend Formula

💫Гайд по flexbox, Часть 1



Основная идея — гибкое распределение места между элементами. Ключевое слово — гибкое (flex).



Свойства флекс-контейнера:

👉 display — Отвечает за визуальное отображение элементов на странице.



👉 flex-direction — Свойство управления направлением основной и поперечной осей.



👉 flex-wrap — Добавляет возможность перенести флекс-элементы в новый ряд, если не влезают в одну линию в рамках родителя.



👉 flex-flow — Свойство-шорткат для одновременного определения значений свойств flex-direction и flex-wrap.



👉 justify-content — Позволяет выравнивать флекс-элементы внутри флекс-контейнера по основной оси.



👉 align-items — Свойство выравнивания элементов внутри контейнера по поперечной оси.



👉 align-content — Распределяет свободное пространство по поперечной оси между рядами флекс-элементов.



👉 gap — Позволяет задавать отступы между строками и столбцами.



Статья: https://doka.guide/css/flexbox-guide/



#css #дока



👉 @frontend_formula



Вторая часть будет через несколько часов в этом канале👇