Skip to content

DEV Community

Alex Carpenter

Posted on Jan 15, 2020 • Originally published at alexcarpenter.me

How to create a sticky footer with CSS

#css #flexbox

How to use flexbox and auto margins to create a sticky footer with CSS.

Demo https://codepen.io/alexcarpenter/pen/YzPvQWr

Top comments (0)

Subscribe

Read next

Some new features CSS in 2024

Sonay Kara - Oct 26

10 CSS Code Snippets Every UI Developer Should Know

Niraj Narkhede - Oct 22

A CSS razor

Romain Guillemot - Oct 20

Understanding the Shadow DOM and When to Use It

Med Marrouchi - Oct 10

I am a self taught developer that works best when floating in between design and engineering teams. I enjoy sharing what I know via short instructional screencasts and the occasional written post.

Location

Grand Rapids, MI
Work

UI Engineer
Joined

Dec 13, 2017

How to add gradient overlays to images with CSS

How to use the object-fit CSS property to scale images responsively

How to create skewed backgrounds with CSS