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 vote122 views1 answer
Calc css float to procent
CSS
1 vote113 views1 answer
Repeat autofill css grid minmax
CSS
9 votes115 views1 answer
Html static background
CSS
0 vote118 views1 answer
Css start animation on hover
CSS
1 vote124 views1 answer
Detect portrait landscape css
CSS
22 votes134 views2 answers
React bootstrap carousal not working
CSS
3 votes161 views5 answers
India
CSS
0 vote122 views4 answers
Tailwind to css converter
CSS
0 vote162 views1 answer
! [remote rejected] master -> master (Working directory has unstaged changes)
CSS
1 vote105 views1 answer
Css selector not contain
CSS