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

0 vote381 views1 answer
Table td css
CSS
1 vote367 views1 answer
Css grid auto resize on mobile
CSS
39 votes412 views6 answers
Css first child
CSS
5 votes350 views5 answers
Min padding
CSS
0 vote377 views1 answer
Fabric bring to front element top
CSS
0 vote370 views1 answer
How to transition text color css
CSS
0 vote356 views1 answer
Acf wysiwyg height
CSS
0 vote407 views1 answer
Nice select scroll bar for large amount of options
CSS
0 vote431 views1 answer
Css styles responsive password input eye
CSS
-2 votes375 views4 answers
Js simulate click on div
CSS