/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

1 vote166 views1 answer
Linux remove files except
CSS
0 vote136 views1 answer
Vuetify width of textfield
CSS
0 vote136 views1 answer
Añadir hojas css externas a wordpress
CSS
0 vote94 views1 answer
Matsnackbar background color
CSS
0 vote140 views2 answers
Make img black and white css
CSS
4 votes120 views2 answers
Style first word using css
CSS
17 votes160 views3 answers
Css hover mouse hand
CSS
39 votes102 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
0 vote142 views3 answers
To build this project, accept the SDK license agreements and install the missing components using the Android Studio SDK Manager.
CSS
0 vote143 views2 answers
Css make bottom of the div triangle
CSS

Share