/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 vote355 views1 answer
Fgg
CSS
19 votes110 views6 answers
Css text border
CSS
8 votes146 views2 answers
Css margin bottom
CSS
0 vote110 views1 answer
Bootstrap 4 input error
CSS
74 votes100 views6 answers
Flex box
CSS
115 votes108 views6 answers
Css padding
CSS
5 votes128 views2 answers
Css disabled div
CSS
0 vote123 views2 answers
Woocommerce align add to cart buttons css
CSS
0 vote112 views1 answer
Estilos de scroll css
CSS
16 votes102 views5 answers
Loop scss
CSS

Share