/CSS/How to make a flex container full page

How to make a flex container full page

How to make a flex container full page

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.wrapper > * {
  padding: 20px;
}

.page-main {
  flex-grow: 1;
}

0

Source: webdesign.tutsplus.com

Similar codes

1 vote136 views4 answers
CSS Grid Display
CSS
0 vote129 views2 answers
Difference bw box and border box
CSS
0 vote122 views1 answer
Css change class name start with
CSS
17 votes119 views2 answers
Center div vertically with flexbox
CSS
0 vote137 views1 answer
Button transition
CSS
0 vote81 views1 answer
New margin property css 2021
CSS
0 vote123 views2 answers
Animate.css not working
CSS
0 vote133 views1 answer
Rel="noopener noreferrer
CSS
2 votes161 views1 answer
Free css templates
CSS
0 vote108 views1 answer
Postcss plugin
CSS

Share