Флексы

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

align-content

Выравнивает строки внутри флекс-контейнера при наличии свободного пространства по поперечной оси.

align-items

Выравнивает флекс-элементы внутри контейнера в перпендикулярном направлении.

align-self

Задаёт выравнивание отдельного элемента в контейнере по поперечной оси.

flex

Сокращённое свойство, которое позволяет указать параметры элемента, чтобы он эффективно заполнял доступное пространство.

flex-basis

Свойство flex-basis определяет основу флекса, которая является начальным размером элемента.

flex-direction

Свойство flex-direction определяет, как флексы располагаются в контейнере относительно основных осей и их направление.

flex-flow

Является сокращённым свойством для отдельных свойств flex-direction и flex-wrap.

flex-grow

Определяет, сколько пространства может занимать флекс внутри контейнера.

flex-shrink

Определяет коэффициент сжатия флексов в контейнере.

flex-wrap

Указывает, следует ли флексам располагаться в одну строку или можно занять несколько строк.

justify-content

Определяет, как браузер распределяет пространство вокруг флекс-элементов вдоль главной оси контейнера.

order

Определяет порядок вывода флексов внутри флекс-контейнера.

place-content

Сокращённое свойство place-content одновременно устанавливает значения свойств align-content и justify-content.