/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 vote182 views1 answer
Flex basis
CSS
48 votes159 views2 answers
Css clear
CSS
0 vote154 views1 answer
Box shadow to table cell css
CSS
14 votes211 views4 answers
Text align left bootstrap
CSS Bootstrap
-1 vote130 views1 answer
Centralize div css
CSS
-1 vote148 views1 answer
Input focus css default
CSS
0 vote137 views1 answer
Center a spinner css
CSS
0 vote155 views1 answer
Whitesmoke color gradient
CSS
0 vote153 views1 answer
Import tailwind
CSS
0 vote178 views1 answer
Date icon color change
CSS

Share