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

145 votes279 views6 answers
Import bootstrap in react
CSS Bootstrap
0 vote153 views2 answers
Card css
CSS
-1 vote128 views1 answer
Flex wrap tailwind
CSS
3 votes177 views2 answers
Confirm on delete
CSS
-2 votes144 views1 answer
Sliding text css
CSS
2 votes135 views1 answer
Ionic install font
CSS
0 vote139 views1 answer
System ui font
CSS
0 vote169 views1 answer
Aplicar padding a sombra
CSS
0 vote153 views1 answer
Change parent div css on over of child
CSS
1 vote130 views1 answer
How to change the underline thickness in css
CSS