Значение stretch свойства align-items в CSS

Свойство align-items по умолчанию имеет значение stretch. Это значение растягивает элементы на всю ширину вдоль поперечной оси. Оно работает только в том случае, если в направлении поперечной оси не задан размер элементов. К примеру, если поперечная ось направлена вниз и не задана высота элементов, мы увидим вот такой эффект:

А если поперечная ось направлена вправо и не задана ширина элементов, то мы увидим вот такой эффект:

Повторите страницу по данному образцу:

Повторите страницу по данному образцу:

Повторите страницу по данному образцу: