Center div vertically with flexbox

Css flex center horizontally and vertically

display: flex;
align-items: center;
justify-content: center;

Center div vertically with flexbox

/* <div class="center">
* 		<div>some important stuff </div>
* </div>
*/

.center{
  display: flex;
  justify-content: center;
  align-items: center;
}

Similar codes

1 vote254 views1 answer
Css media queries between two sizes
CSS
2 votes289 views2 answers
Why is my footer not at the bottom html
CSS
8 votes281 views2 answers
Invert css
CSS
4 votes275 views5 answers
Css darken color
CSS
0 vote279 views1 answer
Qgraphicsscene get viewport width
CSS
1 vote345 views1 answer
Content-visibility
CSS
0 vote276 views1 answer
React how to wrap
CSS
8 votes278 views2 answers
Font roboto css
CSS
0 vote309 views3 answers
Center ul
CSS
2 votes396 views4 answers
Laravel htaccess
CSS