Freecodecamp: Footer needs to be Sticky.

Created on 2 May 2019  路  8Comments  路  Source: freeCodeCamp/freeCodeCamp

Expected behavior
the footer should stick to the bottom of the page when page content is shorter than the viewport height or it should be at the end of the content when content is larger than viewport height;

Expected:

Screen Shot 2019-05-02 at 4 19 15 PM

Current:

Screen Shot 2019-05-02 at 3 50 29 PM

UI ready for QA

All 8 comments

Check what we have done for the profile page loader. I think the content area can have a min height of the viewport.

Then the footer would be below the viewport when there's no content - I think it might be better to put the min-height on the body

is this still available, I would like to take a crack at this one if so. Gonna start working on it anyways because it sounds fun.

Go for it @webdevdaemon - let us know what you come up with.

I'm on it, day job got busy for a sec and I had a bit of trouble w/ the docker config, but I am GTG now.

Standby for a solution.

Thanks for the opportunity!

@webdevdaemon Looking forward to it. You are also welcome to discuss your solution here before implementation.

@moT01, to build on your solution. something along the lines of min-height: 100vh; for the container div should do it.

@ahmadabdolsaheb This is done in #35989

Was this page helpful?
0 / 5 - 0 ratings

Related issues

SaintPeter picture SaintPeter  路  3Comments

robwelan picture robwelan  路  3Comments

Tzahile picture Tzahile  路  3Comments

QuincyLarson picture QuincyLarson  路  3Comments

vaibsharma picture vaibsharma  路  3Comments