/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

29 votes370 views2 answers
How to horizontal center a div in css
CSS
8 votes363 views2 answers
CSS change image height
CSS
0 vote372 views1 answer
Scss @content
CSS
1 vote347 views1 answer
Css display div horizontally
CSS
20 votes386 views3 answers
Center align div vertically and horizontally css
CSS
0 vote370 views1 answer
How to add more animations in css
CSS
12 votes343 views4 answers
Sticky header
CSS
3 votes337 views3 answers
Warning: Failed child context type: Invalid child context `virtualizedCell.cellKey` of type `number` supplied to `CellRenderer`, expected `string`.
CSS
1 vote372 views1 answer
Input time without am pm
CSS
1 vote342 views1 answer
Twig block
CSS

Share