/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

19 votes228 views9 answers
How to center a div
CSS
1 vote223 views1 answer
Align centre
CSS
9 votes244 views2 answers
Convert to css to css3
CSS
0 vote232 views1 answer
Function for style your theme wordpress php
CSS
0 vote218 views1 answer
Before width not working
CSS
5 votes242 views3 answers
Npm 'cross-env' is not recognized as an internal or external command
CSS
0 vote221 views1 answer
Null vs void
CSS
1 vote240 views1 answer
Rainbow linear gradient css
CSS
0 vote282 views1 answer
Edge ontouchmove does not work correctly
CSS
25 votes241 views5 answers
Line spacing css
CSS

Share