Frontend.fyi

Tutorial

The Only And Easy Way To Push That Footer Down With CSS

When building websites it's the small details that matter most. Too often I see websites where there page content is very short, and all of a sudden we have a floating footer.

Try it yourself in our playground

Follow along with the tutorial, or just play around with the code. PRO members can fork this code and save it to their account.

User avatar

Jeroen Reumkens PRO

Not many things will make me table flip in life. Yet a floating footer does. Especially since the fix is so easy — please, don't do this 🥺

Unlock Playgrounds

Build, test and share frontend ideas right in your browser.

Choose a plan

Cancel anytime. Playgrounds are also included in PRO. Upgrade later and we credit 100% of your first 3 months and 50% of the rest toward it.

Already a member? Log in

When building websites it’s the small details that matter most. Too often I see websites where there page content is very short, and all of a sudden we have a floating footer. [insert me facepalming here]

With modern CSS it is SO easy to fix this, that there’s literally no reason to have this happening on your site. Let me show you how!

Eager to learn more?

I think this video might be a good fit for you too!