Flexbox is evil i have proof i kind you not i spend three hours on a code line because i had missed one important detail what was the real flex container. now if you do not use flexbox often then you may not know that term.
the flex-container is the class (you can name it anything you want but i use flex-container) you use to apply flexbox to an area for example #middle will work if you have only one other tag. but if you have a tag in a tag it wont work. I had a section in a div in a article you would think i name the big one it will change all of them. nope it wont you need to use the last two div and section to get it to work.