The value of the stretch property of align-items in CSS

The align-items property has a default value of stretch. This value stretches the items to their full width along the cross axis. It only works if there is no size for the items in the cross axis direction. For example, if the cross axis is pointing down and there is no height for the items, we will see this effect:

And if the transverse axis is directed to the right and the width of the elements is not specified, then we will see the following effect: