Is there a way to make the height of one of the rows dynamically (really controlling the height of the component in it) so that it acts as a surge volume for the screen. The issue I have with the column container is that the height changes depending on the component arrangement but there does not seem to be a way to compensate for that other than to make it small and deal with scrolling. If you make it large enough for max height there is empty space on wider screens. I can’t have the scrolling because it is the stuff on that container that is important. I have a table that can be in one of the rows or another container on the page and I won’t mind needing to scroll on though.
I apologize for the late reply, but maybe place components in that one row inside of flex containers? You could leave all of the flex containers in that row at a fixed height, and then change the basis on the components inside each flex container as need be.