Добрый вечер друзья!
Есть следующего вида верстка
<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
