How to place footer at the bottom of the page?

[Brillios]

I've recently tried to create a custom theme from scratch. I know docs suggest going with a child theme but I went directly with the parent one. Anyway I didnt change much yet so basically the theme looks almost the same.

So the question is how to make my footer be on the bottom of the page? I dont want it to be sticky but to have basically set footer margin:auto.

This is how it currently looks:

I looked around and I found similar suggestions here. Problem is it doesnt work and I guess its something from the themes configs/styling that is preventing me.

Any ideas?

[IanDelMar]

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

#single-wrapper {
	flex-grow: 1;
}