bradsiefert/CSS: Sticky Footer

Created January 28, 2021 19:29

Star 0 You must be signed in to star a gist
Fork 0 You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/bradsiefert/afd06eccce8b3d6d438b0e8fe964f087.js"></script>
Save bradsiefert/afd06eccce8b3d6d438b0e8fe964f087 to your computer and use it in GitHub Desktop.

Download ZIP

Raw

CSS: Sticky Footer

	// All this is to make the footer sticky to the bottom.
	html, body, #app { min-height: 100vh; }
	body, #app { display: flex; flex-direction: column; }
	main { flex: 1 0 auto; }
	.footer { flex-shrink: 0; }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment