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/qBQVNKp1 Reply
Maybe you should set
overflow: scroll; the .col-2.col3. That will keep the content in .col-2.col-3 from overflowing in their parent.
Try and see if it works.