Footer is an effective way to organize a lot of site navigation and information at the end of a page. This is the place where a user will look once they have finished scrolling through the current page or are looking for additional information about the website.
Flexbox is used to structure the html so that the footer is always on the bottom of the page. It is important to keep the structure of page within the three HTML5 tags <header>, <main> and <footer> as shown below.
Sticky Footer: A sticky footer always stays on the bottom of the page regardless of how little content is on the page. However, this footer will be pushed down if there is a lot of content, so it is different from a fixed footer. Add the following code to your CSS file.
flex: 1 0 auto;
Please Login to comment...