¿Cómo podría hacer para que el footer se quedara siempre pegado a la parte de abajo usando flexbox grid?

En caso que necesites que el footer este visible siempre mientras haces scroll puedes usar position: fixed

.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 100px;
}

si solo lo deseas dejar abajo puedes usar position: absolute;

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
}

Se puede llegar al resultado de muchas formas, incluso puedes usar position: sticky https://www.w3schools.com/howto/howto_css_sticky_element.asp

Esta técnica la conocemos como STICKY FOOTER. Y hay muchas formas de aplicarla: https://css-tricks.com/couple-takes-sticky-footer/. :wink: