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

A Captivating Project: Responsive Flexible Card Layout

Labby - Sep 9

CSS Grid: Creating Masonry Layouts

Tailwine - Aug 29

Building a Joke Generator Using React

Abhishek Gurjar - Sep 8

Building a Password Validator with React

Abhishek Gurjar - Sep 8

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