Как сделать блоки одной высоты на flexbox?

Question

[MRcracker]

Как сделать чтобы при помощи flexbox блоки были одной высоты вне зависимости от количества контента в них?

Comments

[Ankhena]

Достаточно родителю задать display: flex.
Дочерние по умолчанию растянутся на всю высоту.

Answer 1

[profesor08]

align-items: stretch делает блоки одинаковой высоты. И надо учесть, это не распространяется на их содержимое.

Comments

[Антон Вебсайтовский]

не работает что-то.

[profesor08]

Антон Вебсайтовский, работает

[stepa90]

profesor08, не работает https://stackblitz.com/edit/angular-ivy-vjjwbp?fil...

[profesor08]

stepa90, ну ты хотя бы почитай что значит это свойство, и что оно делает. В твоем случае оно вообще никак тебе не поможет, так как тебе надо задать высоту для контейнера, и сделать чтоб блоки поровну делили пространство flex: 1 1 0;

Answer 2

[kn1ght_t]

display: flex;

Comments

[Антон Вебсайтовский]

дисплей флекс, просто сам по себе не вытягивает блоки одной высоты.