height:*
and so they span the whole height of the row.
If height of such row element is not set (as in this sample) then it will be equal to tallest element in the row.
Row will wrap: if sum of flexes in the row > 1* (100%%) or if clear:left|right|both
used or if not enough horizontal space in the row.
height:auto
and margin-top:*
so they will be
alligned vertically to the bottom of the row.
height:auto
and margin-bottom:*
so they will be
alligned vertically to the top of the row.
height:auto
and both margin-top/bottom:*
so they will be
alligned vertically to the middle of the row.
Resize the window to wrap text in elements in multiple lines to see effects of vertical alignment.