/CSS/Position footer to stay at bottom of screen flexbox

Position footer to stay at bottom of screen flexbox

Position footer to stay at bottom of screen flexbox

/* Use flex and set auto margin */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

footer {
  margin-top: auto;
}

1

Source: wetainment.com

Similar codes

0 vote139 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap
0 vote116 views1 answer
Css calc margin-top based on height?
CSS
0 vote101 views2 answers
Get all tables laravel
CSS
0 vote117 views1 answer
Drupal 8 Notice: Trying to get property
CSS
2 votes110 views1 answer
Bootstrap 5 auto darkmode 5
CSS
0 vote160 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote116 views1 answer
Change size material checkbox
CSS
3 votes115 views2 answers
Image with background color css
CSS
0 vote113 views1 answer
Alinhar ao centro align item css
CSS
15 votes107 views2 answers
Span cursor pointer
CSS

Share