You may sometimes encounter a situation where your web page doesn’t take the full height of the browser window and you want your footer to stay at the bottom of the page despite that. That is why it’s important to understand how to create sticky footers.

There are several ways to make the footer sticky, but I will show you the one that I usually use with flexbox. So lets get started!

We will start by giving the html and body tags a height of 100% because we will need to add flexbox to the body tag.

|html,body{
height: 100%…





Abdellah Bahsine

I write about topics related to web development.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store