How to limit the height of flex-item to allow flex-grow and enable scrolling inside of it?

I want to allow .flex-container class to use flex-grow factor to take the available space, but limit the content inside of it from overflowing. Each column (.col-2 and .col-3) should be a scroll containers

How can it be achieved?

Demo: https://codepen.io/Dimi_0-o/pen/qBQVNKp
Was this page helpful?