I have a flexbox container with a horizontal navigation tree on the left and a content div on the right. I have other code that manages how the navigation tree should behave in case of overflow but this only works if the container has a fixed height. Currently, the child with the most content sets the height of the container which is not what I want. I want the height of the flexbox to be set to the height of the content div so that the navigation tree doesn't overflow if it's height is greater than that of the content div.
Is this possible with flexbox or should I use css grid for this? I'd much prefer to use flexbox because refactoring this would require tremendous effort.
I've tried the geeksforgeeks solution but that didn't do what I wanted it to do.
