/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

7 votes179 views2 answers
Stick footer to bottom
CSS
0 vote168 views5 answers
Sweetalert to small bootstrap
CSS
0 vote173 views2 answers
Clearfix
CSS
44 votes169 views6 answers
Remove underline from hyperlink
CSS
0 vote117 views1 answer
Css skip first child
CSS
48 votes161 views6 answers
Media query min max
CSS
0 vote151 views1 answer
How to install tailwind css in html
CSS
-6 votes174 views7 answers
Css flex
CSS
54 votes171 views6 answers
Css ellipsis
CSS
0 vote158 views1 answer
Box-shadow um ganzen div
CSS

Share