/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

2 votes249 views1 answer
Bootstrap dark mode
CSS
0 vote211 views1 answer
Color around the text
CSS
0 vote237 views1 answer
Center postion absdolute
CSS
25 votes209 views5 answers
Scroll animation css
CSS
164 votes254 views6 answers
Box-shadow css
CSS
56 votes182 views3 answers
Css curved border
CSS
0 vote222 views1 answer
Calc(100vh - px)
CSS
196 votes510 views10 answers
Internet explorer
CSS
1 vote188 views1 answer
What is the username password for ftp lampp
CSS
0 vote191 views1 answer
Change svg color in pseudo element
CSS

Share