Significado do valor stretch da propriedade align-items em CSS

A propriedade align-items tem como valor padrão stretch. Este valor estica os elementos por toda a largura ao longo do eixo transversal. Ele funciona apenas se nenhum tamanho for definido para os elementos na direção do eixo transversal. Por exemplo, se o eixo transversal estiver direcionado para baixo e nenhuma altura for definida para os elementos, veremos o seguinte efeito:

E se o eixo transversal estiver direcionado para a direita e nenhuma largura for definida para os elementos, então veremos o seguinte efeito:

Задание 1

Repita a página conforme o exemplo:

Задание 2

Repita a página conforme o exemplo:

Задание 3

Repita a página conforme o exemplo: