html -flexbox

с-ва Fltexbox

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

направляющие оси контейнера

main axix main start, end

с-во display: flex|inline flex

создает flex контейнер для всех детей

flex-direction:row|row-revers|column|column revers

расположения элементов в одном определённом направлении - горизонтально или вертикально

justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly

Управляет позиционированием элементов на главной оси,

align-items: stretch | flex-start | flex-end | center | baseline

Управляет расположением элементов вдоль поперечной оси

Свойство flex-wrap: nowrap | wrap | wrap-reverse

однострочный контейнер в многострочный

align-content: flex-start | flex-end | center | space-between | space-around | space-evenly | stretch

выравнивает все строки многострочного контейнера вдоль поперечной оси, если есть свободное место

flex-basis: auto | значение

начальный размер элемента перед распределением свободного пространства

flex-grow: доля

способность элемента, по необходимости, занимать больше места (расти) чем его начальный размер

flex-shrink: доля

по необходимости, занимать меньше места (сжиматься)

align-self: auto | flex-start | flex-end | center | baseline | stretch

изменить своё положение на поперечной оси, переопределив для себя значение свойства align-items

order: позиция

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