Значење stretch вредности за align-items у CSS-у

Својство align-items подразумевано има вредност stretch. Ова вредност растеже елементе на целу ширину дуж попречне осе. Она функционише само у том случају ако у смеру попречне осе није задата величина елемената. На пример, ако је попречна оса усмерена на доле и није задата висина елемената, видећемо овакав ефекат:

А ако је попречна оса усмерена удесно и није задата ширина елемената, онда ћемо видети овакав ефекат:

Задание 1

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

Задание 2

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

Задание 3

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