sjclark/sticky-footer

Created November 27, 2017 22:20

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/sjclark/af64ffa195e24f00d95dabb02465c6fe.js"></script>
Save sjclark/af64ffa195e24f00d95dabb02465c6fe to your computer and use it in GitHub Desktop.

Download ZIP

Sticky Footer with Flex [css] #css

Raw

sticky-footer

	#The HTML

	<body class="Site">
	<header>…</header>
	<main class="Site-content">…</main>
	<footer>…</footer>
	</body>

	#The CSS

	.Site {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	}

	.Site-content {
	flex: 1;
	}

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