/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 vote204 views1 answer
How to hide some grid items from grid in css
CSS
10 votes230 views6 answers
Modal html
CSS
2 votes201 views1 answer
Css how to add double shadow to text
CSS
3 votes171 views1 answer
Background position center center
CSS
8 votes207 views1 answer
How to align items in css
CSS
16 votes243 views2 answers
Css not last child
CSS
1 vote216 views1 answer
Change text color li css
CSS
0 vote211 views1 answer
Fill and no repeat background image css
CSS
8 votes220 views1 answer
How to get my div to centre
CSS
0 vote213 views1 answer
How to code color css property
CSS

Share