/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

174 votes221 views6 answers
Css background image
CSS
0 vote194 views1 answer
Table td css
CSS
0 vote161 views1 answer
Css code for increasing size
CSS
0 vote230 views1 answer
Make td match display flex
CSS
85 votes176 views6 answers
Red color hex
CSS
62 votes155 views3 answers
Font awesome 4
CSS
34 votes170 views4 answers
Hide element using css
CSS
8 votes240 views3 answers
Bootstrap 4 center image
CSS Bootstrap
1 vote172 views2 answers
Put a border only on bottom
CSS
1 vote199 views1 answer
Macbook change screenshot to jpg
CSS

Share