Флексы

align-content

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

align-items

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

align-self

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

column-gap

Свойство column-gap устанавливает межколоночный интервал.

flex

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

flex-basis

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

flex-direction

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

flex-flow

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

flex-grow

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

flex-shrink

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

flex-wrap

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

gap

Сокращённое свойство gap позволяет одновременно установить промежуток между строками и колонками элементов.

justify-content

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

order

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

place-content

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

row-gap

Свойство row-gap устанавливает межстрочный интервал.