Элементы со стилем display: flex выстраиваются внутри родительского контейнера в строку или столбец, в зависимости от значения свойства flex-direction. По умолчанию элементы располагаются в строку (горизонтально), но при задании свойства flex-direction: column элементы будут располагаться в столбец (вертикально).

Свойство align-items позволяет расположить элементы в вертикальной оси. Значение этого свойства определяет, как элементы будут выравниваться по вертикали внутри родительского контейнера. Например, значение center выровняет элементы по центру вертикально.

Чтобы растянуть все элементы класса до размера одного из них, можно использовать свойство flex-grow. Установив значение flex-grow: 1; для всех элементов с данным классом, они будут равномерно растягиваться до занимания всего доступного пространства внутри родительского контейнера. Таким образом, все элементы будут иметь одинаковую ширину, равную ширине самого широкого элемента.