Какое значение align-items установлено по умолчанию?

Свойство align-items управляет выравниванием флекс-элементов вдоль поперечной оси (cross axis) внутри flex-контейнера. По умолчанию браузеры применяют значение stretch, поэтому элементы без явно заданного размера по поперечной оси растягиваются на всю доступную длину контейнера.

Как это работает

• Если flex-direction: row, поперечная ось вертикальная — элементы растягиваются по высоте.
• Если flex-direction: column, поперечная ось горизонтальная — элементы растягиваются по ширине.
• Если у элемента задана явная высота (или ширина при column), растяжение не применяется.

Пример

.container {
  display: flex;
  /* align-items: stretch; по умолчанию */
  height: 200px;
}

.item {
  /* высота не задана — растянется на 200px */
  background: lightblue;
}

.item.fixed {
  height: 50px; /* растяжение не сработает */
}

Другие значения

• flex-start — прижать к началу поперечной оси.
• flex-end — прижать к концу.
• center — выровнять по центру.
• baseline — выровнять по базовой линии текста.

Итог: значение по умолчанию stretch удобно для создания равновысоких колонок и карточек, но при необходимости точного позиционирования его явно переопределяют на flex-start, center или другое значение.