Как сделать одинаковую высоту блоков с разным контентом?

Question

[Tupic123]

Добрый вечер друзья!
Есть следующего вида верстка

<div class="parent">
  <div class="child">Высота контента примерно на 800px</div>
  <div class="child">Высота контента примерно на 2000px</div>
  <div class="child main-column">Высота контента примерно на 900px</div>
  <div class="child">
    <div class="grandchild">Высота контента примерно на 700px</div>
    <div class="grandchild">Высота контента фиксированно на 80px</div>
  </div>
</div>

css

.parent {
display: flex;
flex-direction: row;
}
.main-column {
height: fit-content;
}

Как сделать что бы все остальные колонки ориентировались на .main-column и подстраивали свою высоту под него? При этом сделать так: если в остальных колонках не хватает места для контента, то блок прокручивался с помощью overflow-y: scroll

Comments

[Danny Arty]

Если нет фиксированного ограничения на высоту, то только с помощью js