/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 vote174 views1 answer
Css add shade over background image
CSS
-1 vote150 views2 answers
How to put different p elements next to each
CSS
4 votes167 views3 answers
Mobile tablet desktop media queries
CSS
-1 vote151 views1 answer
Css background image not showing vscode
CSS
9 votes213 views3 answers
Css rotate 90 degrees
CSS
-2 votes157 views3 answers
How to highlight text in css
CSS
0 vote146 views2 answers
Tailwind css form
CSS
0 vote142 views1 answer
Understanding 'space' in css selector
CSS
-1 vote171 views6 answers
Css comment
CSS
18 votes130 views2 answers
Red rgba
CSS

Share