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 - элемент растягивается на всю ширину и имеет свое полное пространство среди окружающих блоков...

СSS Flexbox Layout (flexible box layout module) - это один из наиболее удобных, гибких и простых способов расположения элементов относительно друг друга на HTML-странице. У flexbox есть две оси, по которым мы можем выравнивать элементы - main axis (главная ось) и cross axis (побочная ось). Обязательно нужно помнить о невозможности позиционирования одновременно по двум осям (для такого случая лучше подойдет CSS Grid Layout). flex-direction - свойство, определяющее главную ось, может принимать одно...