I have not been able to find the post that would answer my question. My main container sits under the nav and above the footer. It has three different wraps, followed by the footer. The nav and footer looks great, but the container continues.
overflow: hidden does not help, and I have removed my height, as suggested by a different posting.
It’s so rare to see a flexbox question, I’m ashamed at how long this took me to figure out.
On #nav, change your flex-flow to “wrap” instead of “nowrap”. Nowrap there is setting up the children to not wrap.
You should note that on the inner child .hwrap table, you can’t set the flow/flex-direction on that since those can only be set on the parent element that has display:flex.
Why are you using center tags and tables for layout?
You seem to be using both extremes of CSS and making it very hard for yourself.
I don’t see anything that really needs flexbox in your layout but you certainly would not combine it with center tags or html table tags (unless the data was tabular).