CSS | Как растянуть HTML-элемент до соседнего по высоте во FLEX-блоке?

CSS | Как растянуть HTML-элемент до соседнего по высоте во FLEX-блоке?

Если родительский HTML-элемент имеет свойство «display» в значении «flex«, то чтобы растянуть все дочерние блоки по высоте максимального их соседа, нужно воспользоваться свойством «align-items» в значении «stretch«:

align-items: stretch;

Это свойство применяем на родителе, чтобы указать как будут выравниваться дети.