/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

-1 vote155 views1 answer
Css font family for all titles
CSS
0 vote197 views1 answer
Angular set encapsulated body to full height
CSS
1 vote152 views1 answer
Use a local font css
CSS
0 vote171 views1 answer
Css no purple links
CSS
-1 vote171 views1 answer
How to do text center of select element
CSS
0 vote164 views1 answer
Css remove margin around page
CSS
0 vote145 views1 answer
Adding a script tag with Helmet
CSS
-1 vote132 views2 answers
How to add border between links in navigation bar
CSS
0 vote187 views1 answer
Css loading spinner with text
CSS
6 votes150 views1 answer
Scrollbar height css
CSS

Share