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

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

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

Задание 1

Повторете ја страницата според дадениот пример:

Задание 2

Повторете ја страницата според дадениот пример:

Задание 3

Повторете ја страницата според дадениот пример: