Присвойте одинаковую высоту дочерним элементам элементов flexbox. ⇐ Html

[Anonymous]

Сейчас мои оранжевые квадраты (дочерние элементы в гибком контейнере) работают так, как задумано, и все они имеют одинаковую высоту, но я не могу заставить это работать с красными.
Я хочу, чтобы все красные элементы (дочерние элементы дочерних элементов) имели одинаковую высоту с самым высоким.
Мой HTML-код следующий:

Код: Выделить всё

.container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}

.col  {
flex: 1;
background:orange;
margin: 1px;
}

.col-item {
margin: 15px;
}

Код: Выделить всё

Column 1
Hello World




Column 2
Hello World!
Hello World!
Hello World!
Hello World!




Column 3
Some other text..
Some other text..

Подробнее здесь: https://stackoverflow.com/questions/637 ... xbox-items