/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

4 votes237 views1 answer
Ionic mobile always dark theme in web
CSS
6 votes233 views6 answers
Css word break
CSS
50 votes223 views4 answers
Label css
CSS
0 vote266 views1 answer
Input area bootstrap highlight
CSS Bootstrap
1 vote298 views1 answer
Css light grey
CSS
4 votes231 views1 answer
Striped tables css
CSS
7 votes233 views2 answers
Change button shape css
CSS
0 vote227 views1 answer
Nuxt add css file
CSS
26 votes247 views3 answers
Cursor not pointer
CSS
9 votes232 views1 answer
Perfect full page background image
CSS

Share