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

60 votes385 views3 answers
Media query for mobile view css
CSS
0 vote350 views1 answer
Remove the dotted border on links
CSS
0 vote341 views1 answer
Css conver innertext to html using css
CSS
0 vote377 views1 answer
Combine binary numbers
CSS
5 votes379 views2 answers
Make background overlay css
CSS
7 votes373 views4 answers
Css crop image
CSS
0 vote430 views1 answer
React use global css
CSS
3 votes331 views1 answer
Css sass run
CSS
1 vote335 views1 answer
Class indicator css
CSS
0 vote333 views1 answer
How to move bullet in css
CSS