Build a sticky footer using flexbox

Use flexbox to make a footer stick to the bottom of each page.

This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!

In this video, we'll use flexbox to make a footer stick to the bottom of each page, even if the content on the top isn't small enough to push the footer down.

We'll do this in three parts:

  1. Configure Body (All Pages) tag
  2. Set margin on the footer
  3. Make the footer a symbol

Preview and clone the project featured in this video.

Clone this project
Try Webflow — it's free

Production for this lesson

Directed by

-

Produced by

-

Written by

-

Article by

-

Edited by

-

Designs by

-

Need more help? Want to report a bug? Contact support
Have feedback on the feature? Submit feature feedback