Какие знаешь CSS-свойства Flexbox

display: flex — включает flex-контейнер.

Основные свойства контейнера:

• flex-direction (row, column, row-reverse, column-reverse) — направление элементов.
• justify-content (flex-start, center, space-between, space-around) — выравнивание по главной оси.
• align-items (stretch, center, flex-start, flex-end) — выравнивание по поперечной оси.
• flex-wrap (nowrap, wrap, wrap-reverse) — перенос элементов.

Свойства flex-элементов:

• flex-grow — коэффициент увеличения элемента.
• flex-shrink — коэффициент сжатия.
• flex-basis — базовый размер.
• align-self — индивидуальное выравнивание элемента.

Пример:

.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.item {
  flex: 1 0 200px; /* grow, shrink, basis */
}