`1- in css give the parent class which wrap the whole page lets say container display flex with direction column with min-height 100vh
2- go to footer class for css and give it margin-top auto

example:

.container {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.footer{
margin-top: auto;
}

I hope it helps you!!`