Footer always at the bottom

PHOTO EMBED

Saved by @360designer #css

body {
	width: 100%;
	margin: 0;
	display: flex;
	min-height: 100vh; /*always have atleast the height of viewport*/
}

.main {
	display: flex;
	flex-direction: column;
}
.main__section {
	flex-grow: 1; /*magical line*/
}
.main__footer {
	margin-top: auto;
}



content_copyCOPY

https://codepen.io/ananyaneogi/pen/WNerMbE