/CSS/Stick footer to bottom

Stick footer to bottom

Stick footer to bottom

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

5

Push footer to bottom

.flex-wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between
}

2

Source: stackoverflow.com

Similar codes

0 vote207 views1 answer
How to write text in middle of straight line in css
CSS
0 vote238 views1 answer
Change size material checkbox
CSS
-1 vote256 views1 answer
Alumina formula
CSS
0 vote199 views1 answer
Css blur background behind div
CSS
6 votes193 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS
13 votes217 views4 answers
Reduce image size css
CSS
2 votes231 views1 answer
Input type file placeholder
CSS
3 votes221 views1 answer
Css edit scroll bar
CSS
2 votes228 views1 answer
How to make auto scroll to the end in css
CSS
3 votes214 views2 answers
Border radius not working
CSS

Share