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!

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:

Configure Body (All Pages) tag
Set margin on the footer
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

Thanks for the feedback! This will help us improve our content.

If you still need help or guidance:

Reach out to our community

Contact the support team

Something went wrong while submitting the form. Please contact support@webflow.com

Got a lesson suggestion? Let us know

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

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

Build a sticky footer using flexbox

Production for this lesson

Directed by

Produced by

Written by

Article by

Edited by

Designs by

Thanks for the feedback! This will help us improve our content.

Community forum

Contact support

Product

Company

Learn & get help

Social