Значення stretch властивості align-items

Властивість align-items за замовчуванням має значення stretch. Це значення розтягує елементи на всю ширину вздовж поперечної осі. Воно працює тільки в тому випадку, якщо в напрямку поперечної осі не встановлено розмір елементів. Наприклад, якщо поперечна вісь спрямована вниз і не задана висота елементів, ми побачимо такий ефект:

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

Повторіть сторінку за цим зразком:

Повторіть сторінку за цим зразком:

Повторіть сторінку за цим зразком: