Значэнне stretch уласцівасці align-items у CSS

Уласцівасць align-items па змаўчанні мае значэнне stretch. Гэта значэнне расцягвае элементы на ўсю шырыню ўздоўж поперачнай восі. Яно працуе толькі ў тым выпадку, калі ў кірунку поперачнай восі не зададзены памер элементаў. Напрыклад, калі поперачная вось накіравана ўніз і не зададзена вышыня элементаў, мы ўбачым вось такі эфект:

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

Задание 1

Паўтарыце старонку па дадзеным узоры:

Задание 2

Паўтарыце старонку па дадзеным узоры:

Задание 3

Паўтарыце старонку па дадзеным узоры: