How to Make a Sticky Footer with Flexbox CSS3

Sticky Footer

The broken layout happens when the page doesn’t have enough content to push a footer to the bottom of screen, leaving an enormous area of a whitespace below it. Obviously, we want to have a sticky footer that is guaranteed to stick to the bottom of the webpage. In this tutorial we’re going to learn