Josh• 1,070
@josh76543210
Posted
Hi @mohsenrostami2000,
Good job on your solution. Looks great!
An easy way to make the footer stick to the bottom of your page on larger screens is to set a margin-top: auto; on the footer:
footer {
margin-top: auto;
}
This works because you have are using flex-box for the body in the media query. If you also want the footer to stick to the bottom on smaller screens too then you have to use flex-box for all screen sizes:
body {
display: flex;
flex-direction: column;
}
Hope this is helpful for you.
Happy Coding!
Marked as helpful
1
