Main — this region has flex: 1, so it grows to fill whatever height the header and footer leave over.
There is barely any content here, yet the footer still sits at the bottom of the viewport. That is the whole trick.
Main — this region has flex: 1, so it grows to fill whatever height the header and footer leave over.
There is barely any content here, yet the footer still sits at the bottom of the viewport. That is the whole trick.