Флексбокс-вёрстка

Инструменты вёрстки были придуманы для книг и журналов. Размеры бумажных страниц не меняются, а сетка — структура страницы — остаётся фиксированной. Поэтому задача бумажной вёрстки — аккуратно расположить текст и изображения на листе, чтобы текст обтекал картинки.

Flexbox - создали, чтобы удобно и быстро распределять и выравнивать элементы.

Терминология флексбокса — это описание свойств для элементов двух типов:

• флекс-контейнер — родительский элемент: гибкое пространство, в котором элементы распределяются по правилам, установленным для контейнера;

• флекс-элементы — дочерние элементы флекс-контейнера; подчиняются правилам, описанным как для контейнера, так и для отдельных элементов персонально.

Верстальщики обычно применяют универсальные классы, которые описывают флекс-контейнер с нужными параметрами. То есть создают класс с единственным свойством. И затем назначают этот класс всем элементам, которым это свойство нужно .

Это просто строка, в которой элементы ведут себя по законам флекса. Поэтому где бы нам ни понадобился флекс-контейнер, мы просто зададим элементу класс flex-row .