@CarlHumm
Posted
Hi there, your solution looks good
body {
display:flex;
flex-direction: column;
padding: 2rem 0;
min-height: 100vh;
}
footer {
margin-top: auto
}
One Solution
I edited my answer for simplicity, was a-bit poorly formatted. Basically, a simple way is to set a flex-container on body and position major layout sections as children. You can use margin-top: auto on the individual footer element, or position all elements using properties such as justify-content: space-between
etc.
Good luck, hopefully more clear
Marked as helpful
@funficient
Posted
Thank you @CarlHumm ! The margin-top for the footer did the trick!