/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 vote240 views2 answers
Css disabled hover none
CSS
0 vote252 views2 answers
Css firefox remove scrollbar
CSS
-1 vote209 views1 answer
Responsiveness in bootstrap
CSS
3 votes234 views1 answer
Css scrollbar position to bottom
CSS
0 vote256 views1 answer
Click a list html css
CSS
5 votes251 views6 answers
Tailwind CDN
CSS
0 vote254 views2 answers
Css style select arrow color
CSS
2 votes243 views2 answers
How to remove the blueish background on a button when clicked
CSS
4 votes241 views2 answers
Border style
CSS
0 vote236 views2 answers
How to link css to html in visual studio code
CSS

Share