/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

0 vote243 views1 answer
Css fadeIn opacity transition
CSS
0 vote240 views1 answer
Overriding fullpage js anchor style
CSS
1 vote257 views2 answers
How to convert FormData (HTML5 object) to JSON
CSS
0 vote293 views2 answers
Fluid typography
CSS
5 votes256 views2 answers
How to make a diamond with border radius
CSS
8 votes255 views4 answers
Css padding 4 values
CSS
10 votes267 views2 answers
Remove underline on hover span
CSS
1 vote238 views1 answer
Mysqli load result into array
CSS
0 vote258 views2 answers
Hoq to give paragraph color css
CSS
-1 vote261 views1 answer
Select box arrow hide css in ie
CSS

Share