Footer at the bottom, whatever the content in HTML & CSS

HTML & CSS interview exercise on Flexbox, difficulty 2 of 3. Solve it in the editor beside a worked example; the tests run the moment you do.

The content is short, so the footer floats up under it. Make the page at least as tall as the viewport and keep the footer at the very bottom, with main taking all the space between header and footer. When the content is long, the footer must simply follow it (no position: fixed).

Each exercise pairs a worked example with a twin problem to solve in a real editor; the tests run the moment you do. Progress is saved in your browser, and in your account if you sign in.

More Flexbox in HTML & CSS

All HTML & CSS exercises · Other languages and frameworks