Treehouse | Community | Creating a Sticky Footer with Flexbox

NOTICE: On Friday Nov 6, Workspaces will be temporarily unavailable for maintenance.

🚀 In our NEW AI Bootcamp you'll build a working app in 28 days, no experience required. Free to all subscription levels.

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

Join the Treehouse affiliate program and earn 25% recurring commission! 🤑

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

karan Badhwar
Web Development Techdegree Graduate 18,136 Points
min-height

Posted October 13, 2021 4:22am by karan Badhwar

karan Badhwar
Web Development Techdegree Graduate 18,136 Points
1 Answer
ja5on
10,339 Points
vertical and horizontal

Posted September 7, 2020 1:42pm by ja5on

ja5on
10,339 Points
1 Answer
Bartlomiej Pajak
5,063 Points
Is my fixed navigation is ok?

Posted April 8, 2020 12:16pm by Bartlomiej Pajak

Bartlomiej Pajak
5,063 Points
1 Answer
Bibiana Balbuena Barbosa
14,768 Points
How do I stick the header?

Posted September 14, 2019 9:46am by Bibiana Balbuena Barbosa

Bibiana Balbuena Barbosa
14,768 Points
4 Answers
Robert Rydlewski
3,828 Points
flexbox misunderstanding. Instead of using ```display: inline block;``` I want to do the flexbox but it doesn't work :(

Posted June 30, 2019 4:19pm by Robert Rydlewski

Robert Rydlewski
3,828 Points
1 Answer
vamosrope14
14,932 Points
If you applied a min-height of 100vh to the body element, why didn't the content stretch to the bottom of the page?

Posted May 20, 2019 5:17pm by vamosrope14

vamosrope14
14,932 Points
1 Answer
Jasmin chang
3,342 Points
just Flexbox?

Posted April 3, 2019 2:45pm by Jasmin chang

Jasmin chang
3,342 Points
3 Answers
Yvette Pascacsio
5,522 Points
How is "flex-grow: 1" working on .row and .row hasn't been defined as a flex box?

Posted February 22, 2019 12:17am by Yvette Pascacsio

Yvette Pascacsio
5,522 Points
2 Answers
Michael Pashkov
UX Design Techdegree Student 11,350 Points
Alternate sticky footer method

Posted January 20, 2019 1:05pm by Michael Pashkov

Michael Pashkov
UX Design Techdegree Student 11,350 Points
3 Answers
anthony amaro
8,687 Points
what is the difference using sticky footers.

Posted October 24, 2018 9:41pm by anthony amaro

anthony amaro
8,687 Points
1 Answer
Kamal Paudel
5,407 Points
After we master the flexbox method, is it still necessary to remember the inline-block & float methods to build layouts?

Posted October 3, 2018 9:35am by Kamal Paudel

Kamal Paudel
5,407 Points
3 Answers
guram dgebuadze
Front End Web Development Techdegree Student 4,122 Points
flexbox - practical use

Posted September 18, 2018 5:18am by guram dgebuadze

guram dgebuadze
Front End Web Development Techdegree Student 4,122 Points
2 Answers
Lina Dorem
4,543 Points
How to make a **fixed** navigation menu with "display: flex;"

Posted August 12, 2018 7:57pm by Lina Dorem

Lina Dorem
4,543 Points
2 Answers
PLUS

Jeff Sanders
Courses Plus Student 9,503 Points
Not a viable solution when the sticky footer must always be visible at the bottom of the viewport.

Posted June 22, 2018 8:29pm by Jeff Sanders

Jeff Sanders
Courses Plus Student 9,503 Points
4 Answers
Nicholas Wallen
12,278 Points
Why didn't min-height stretch it on its own?

Posted April 16, 2018 11:44pm by Nicholas Wallen

Nicholas Wallen
12,278 Points
1 Answer
Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points
min-height

Posted January 9, 2018 5:26pm by Aakash Srivastav

Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points
3 Answers
Andrew Lim
8,004 Points
Suggestion: Give outline of project (extra pages for 'The Best City' website).

Posted September 21, 2017 2:41am by Andrew Lim

Andrew Lim
8,004 Points
0 Answers
PLUS

Renato Gama
Courses Plus Student 12,514 Points
I cant get my Sticky footer to work.

Posted June 28, 2017 8:54pm by Renato Gama

Renato Gama
Courses Plus Student 12,514 Points
0 Answers
Matthew Lang
13,483 Points
Does Flexbox make Floats obsolete?

Posted June 6, 2017 7:47pm by Matthew Lang

Matthew Lang
13,483 Points
3 Answers
jlampstack
23,932 Points
Is using flex-grow better than using margin-top: auto for this exercise?

Posted May 23, 2017 3:00pm by jlampstack

jlampstack
23,932 Points
1 Answer
Jordan C
6,249 Points
Why doesn't putting auto top-margin on the footer work?

Posted April 21, 2017 2:00am by Jordan C

Jordan C
6,249 Points
1 Answer
Joseph Gorecki
2,142 Points
Flexbox for everything?

Posted April 1, 2017 11:41pm by Joseph Gorecki

Joseph Gorecki
2,142 Points
2 Answers
Ian Friedel
11,960 Points
I made the ".row" have a flex of 1 and nothing happened? I checked the code with the video and everything is identical.

Posted May 2, 2016 12:18pm by Ian Friedel

Ian Friedel
11,960 Points
2 Answers
Bhushan Manoharan
5,758 Points
Can we create a sticky header with navigation just like relative and absolute position using flexbox method?

Posted April 19, 2016 4:41pm by Bhushan Manoharan

Bhushan Manoharan
5,758 Points
2 Answers
Aaron Selonke
10,323 Points
Not sure what the ' flex: 1; ' rule on the row div allowed the footer to be pushed to the bottom of the screen??

Posted March 26, 2016 8:04pm by Aaron Selonke

Aaron Selonke
10,323 Points
1 Answer
Drew Butcher
33,160 Points
Why not give the footer element margin-top: auto; ?

Posted February 24, 2016 8:27pm by Drew Butcher

Drew Butcher
33,160 Points
4 Answers
PLUS

Mayur Pande
Courses Plus Student 11,711 Points
Flexbox affecting my iframe

Posted February 3, 2016 12:41pm by Mayur Pande

Mayur Pande
Courses Plus Student 11,711 Points
0 Answers
Ivan Saveliev
9,153 Points
Sticky footer: Have anyone tried to apply "margin-top: auto" to the ".main-footer"?

Posted December 12, 2015 6:28pm by Ivan Saveliev

Ivan Saveliev
9,153 Points
4 Answers
Jonathan Grieve
91,254 Points
Sticky footer: Are we encouraged to solve this ourselves?

Posted December 3, 2015 5:34pm by Jonathan Grieve

Jonathan Grieve
91,254 Points
2 Answers
STAFF

Joseph Fraley
Treehouse Guest Teacher
NOT A QUESTION - in case you're curious about React

Posted November 30, 2015 8:08am by Joseph Fraley

Joseph Fraley
Treehouse Guest Teacher
0 Answers

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.