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

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

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

Задание 1

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

Задание 2

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

Задание 3

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