I do believe that it is inappropriate to try to use flex boxes for defining the position of the header, center, and footer elements of body on your site. This example code explains what I believe to be the best and simplest solution.
Of course, the header, footer, and center should continue to be flex containers.
How to keep the footer at the bottom of the page with CSS
Atten: @CherylCrawford https://codepen.io/cbracco/pen/zekgx
I do believe that it is inappropriate to try to use flex boxes for defining the position of the header, center, and footer elements of body on your site. This example code explains what I believe to be the best and simplest solution.
Of course, the header, footer, and center should continue to be flex containers.