Flex: Sticky Footer

Footer stays at the bottom of the component using flex-direction: column and content1 with flex: 1.

Top header

Main content1 grows to fill available space. The footer will remain at the bottom.