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

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

New No-Code Track! 🚀start learning today!

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

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

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

  • Treehouse Logo
  • Plans
    Chevron
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
  • Library
    Chevron
    • All Courses
    • Tracks
    • College Credit
  • Techdegree
    Chevron
    • Overview
    • Front End Development
    • Full Stack JavaScript
    • Data Analysis
    • UX Design
    • Python
  • Community
    Chevron
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
  • Resources
    Chevron
    • Career Toolbox
    • CodeForward
    • Free Treehouse Near Me
    • Jobs
    • Blog
    • Support
    • About
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks College Credit
  • Overview Front End Web Development Full Stack JavaScript Python Development Data Analysis UX Design
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Career Toolbox CodeForward Free Treehouse Near Me Jobs Blog Support About
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • AI
      • • Android
      • • APIs
      • • Coding for Kids
      • • College Credit
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Game Development
      • • Go Language
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • No-Code
      • • PHP
      • • Professional Growth
      • • Python
      • • Quality Assurance
      • • React
      • • Ruby
      • • Security
      • • Swift
    • Showing results for:
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox
    • Close
  • karan Badhwar
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    karan Badhwar
    Web Development Techdegree Graduate 18,135 Points

    min-height

    Posted on Oct 13, 2021 by karan Badhwar
    .a{fill-rule:evenodd;}techdegree seal-36
    karan Badhwar
    Web Development Techdegree Graduate 18,135 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    1 Answer

  • ja5on
    ja5on
    10,338 Points

    vertical and horizontal

    Posted on Sep 7, 2020 by ja5on
    ja5on
    10,338 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    1 Answer

  • Bartlomiej Pajak
    Bartlomiej Pajak
    5,063 Points

    Is my fixed navigation is ok?

    Posted on Apr 8, 2020 by Bartlomiej Pajak
    Bartlomiej Pajak
    5,063 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    1 Answer

  • Bibiana Balbuena Barbosa
    Bibiana Balbuena Barbosa
    14,768 Points

    How do I stick the header?

    Posted on Sep 14, 2019 by Bibiana Balbuena Barbosa
    Bibiana Balbuena Barbosa
    14,768 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    4 Answers

  • Robert Rydlewski
    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 on Jun 30, 2019 by Robert Rydlewski
    Robert Rydlewski
    3,828 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    1 Answer

  • vamosrope14
    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 on May 20, 2019 by vamosrope14
    vamosrope14
    14,932 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    1 Answer

  • Jasmin chang
    Jasmin chang
    3,342 Points

    just Flexbox?

    Posted on Apr 3, 2019 by Jasmin chang
    Jasmin chang
    3,342 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    3 Answers

  • Yvette Pascacsio
    Yvette Pascacsio
    5,522 Points

    How is "flex-grow: 1" working on .row and .row hasn't been defined as a flex box?

    Posted on Feb 22, 2019 by Yvette Pascacsio
    Yvette Pascacsio
    5,522 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    2 Answers

  • Michael Pashkov
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Michael Pashkov
    UX Design Techdegree Student 11,350 Points

    Alternate sticky footer method

    Posted on Jan 20, 2019 by Michael Pashkov
    .a{fill-rule:evenodd;}techdegree
    Michael Pashkov
    UX Design Techdegree Student 11,350 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    3 Answers

  • anthony amaro
    anthony amaro
    8,686 Points

    what is the difference using sticky footers.

    Posted on Oct 24, 2018 by anthony amaro
    anthony amaro
    8,686 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    1 Answer

  • Kamal Paudel
    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 on Oct 3, 2018 by Kamal Paudel
    Kamal Paudel
    5,407 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    3 Answers

  • guram dgebuadze
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    guram dgebuadze
    Front End Web Development Techdegree Student 4,122 Points

    flexbox - practical use

    Posted on Sep 18, 2018 by guram dgebuadze
    .a{fill-rule:evenodd;}techdegree
    guram dgebuadze
    Front End Web Development Techdegree Student 4,122 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    2 Answers

  • Lina Dorem
    Lina Dorem
    4,543 Points

    How to make a **fixed** navigation menu with "display: flex;"

    Posted on Aug 12, 2018 by Lina Dorem
    Lina Dorem
    4,543 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    2 Answers

  • Jeff Sanders
    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 on Jun 22, 2018 by Jeff Sanders
    Jeff Sanders
    Courses Plus Student 9,503 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    4 Answers

  • Nicholas Wallen
    Nicholas Wallen
    12,278 Points

    Why didn't min-height stretch it on its own?

    Posted on Apr 16, 2018 by Nicholas Wallen
    Nicholas Wallen
    12,278 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    1 Answer

  • Aakash Srivastav
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Aakash Srivastav
    Full Stack JavaScript Techdegree Student 11,638 Points

    min-height

    Posted on Jan 9, 2018 by Aakash Srivastav
    .a{fill-rule:evenodd;}techdegree
    Aakash Srivastav
    Full Stack JavaScript Techdegree Student 11,638 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    3 Answers

  • Andrew Lim
    Andrew Lim
    8,004 Points

    Suggestion: Give outline of project (extra pages for 'The Best City' website).

    Posted on Sep 21, 2017 by Andrew Lim
    Andrew Lim
    8,004 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    0 Answers

  • Renato Gama
    PLUS
    Renato Gama
    Courses Plus Student 12,514 Points

    I cant get my Sticky footer to work.

    Posted on Jun 28, 2017 by Renato Gama
    Renato Gama
    Courses Plus Student 12,514 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    0 Answers

  • Matthew Lang
    Matthew Lang
    13,483 Points

    Does Flexbox make Floats obsolete?

    Posted on Jun 6, 2017 by Matthew Lang
    Matthew Lang
    13,483 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    3 Answers

  • jlampstack
    jlampstack
    23,932 Points

    Is using flex-grow better than using margin-top: auto for this exercise?

    Posted on May 23, 2017 by jlampstack
    jlampstack
    23,932 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    1 Answer

  • Jordan C
    Jordan C
    6,249 Points

    Why doesn't putting auto top-margin on the footer work?

    Posted on Apr 21, 2017 by Jordan C
    Jordan C
    6,249 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    1 Answer

  • Joseph Gorecki
    Joseph Gorecki
    2,142 Points

    Flexbox for everything?

    Posted on Apr 1, 2017 by Joseph Gorecki
    Joseph Gorecki
    2,142 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    2 Answers

  • Ian Friedel
    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 on May 2, 2016 by Ian Friedel
    Ian Friedel
    11,960 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    2 Answers

  • Bhushan Manoharan
    Bhushan Manoharan
    5,758 Points

    Can we create a sticky header with navigation just like relative and absolute position using flexbox method?

    Posted on Apr 19, 2016 by Bhushan Manoharan
    Bhushan Manoharan
    5,758 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    2 Answers

  • Aaron Selonke
    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 on Mar 26, 2016 by Aaron Selonke
    Aaron Selonke
    10,323 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    1 Answer

  • Drew Butcher
    Drew Butcher
    33,160 Points

    Why not give the footer element margin-top: auto; ?

    Posted on Feb 24, 2016 by Drew Butcher
    Drew Butcher
    33,160 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    4 Answers

  • Mayur Pande
    PLUS
    Mayur Pande
    Courses Plus Student 11,711 Points

    Flexbox affecting my iframe

    Posted on Feb 3, 2016 by Mayur Pande
    Mayur Pande
    Courses Plus Student 11,711 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    0 Answers

  • Ivan Saveliev
    Ivan Saveliev
    9,153 Points

    Sticky footer: Have anyone tried to apply "margin-top: auto" to the ".main-footer"?

    Posted on Dec 12, 2015 by Ivan Saveliev
    Ivan Saveliev
    9,153 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    4 Answers

  • Jonathan Grieve
    MOD
    Jonathan Grieve
    Treehouse Moderator 91,254 Points

    Sticky footer: Are we encouraged to solve this ourselves?

    Posted on Dec 3, 2015 by Jonathan Grieve
    Jonathan Grieve
    Treehouse Moderator 91,254 Points
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    2 Answers

  • Joseph Fraley
    STAFF
    Joseph Fraley
    Treehouse Guest Teacher

    NOT A QUESTION - in case you're curious about React

    Posted on Nov 30, 2015 by Joseph Fraley
    Joseph Fraley
    Treehouse Guest Teacher
    • CSS
    • CSS Flexbox Layout
    • Building a Layout with Flexbox
    • Creating a Sticky Footer with Flexbox

    0 Answers

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

    Treehouse

  • About
  • Blog
  • Careers
  • Community
  • Stories
  • Shop
  • Contact
  • Gift Card

See Full Catalogue

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
  • Python Development
  • Data Analysis
  • UX Design

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
  • ...see more

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
  • ...see more

Explore

  • Plans
  • Affiliates
  • Perks
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2025 Treehouse Island, Inc.