/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

2 votes352 views1 answer
Basic css table
CSS
0 vote387 views1 answer
Button slanted slide on hover
CSS
57 votes347 views6 answers
Virtualenv --python
CSS
0 vote392 views1 answer
Css input not clickable
CSS
3 votes339 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS
0 vote342 views1 answer
Content url svg css
CSS
3 votes364 views2 answers
Form css
CSS
3 votes415 views1 answer
Increase text from input
CSS
5 votes340 views2 answers
Make text not selectable
CSS
6 votes349 views4 answers
Backdrop filter css
CSS

Share