Значение stretch на свойството align-items в CSS

Свойството align-items по подразбиране има стойност stretch. Тази стойност разтяга елементите на цялата ширина по напречната ос. Работи само в този случай, ако в посоката на напречната ос не е зададен размер на елементите. Например, ако напречната ос е насочена надолу и не е зададена височина на елементите, ще видим такъв ефект:

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