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 vote303 views1 answer
Losange css
CSS
1 vote327 views1 answer
How to set the first column of the table in center in css
CSS
1 vote290 views1 answer
Lower image brightness css
CSS
5 votes329 views1 answer
Bootstrap darkmode
CSS Bootstrap
11 votes321 views2 answers
Css image filter black and white
CSS
63 votes306 views6 answers
Text shadow
CSS
0 vote303 views1 answer
Circular div css
CSS
0 vote318 views1 answer
Css 4 modal
CSS
17 votes324 views4 answers
Appdata roaming npm react-native.ps1 cannot be loaded
CSS
17 votes319 views3 answers
Rotate image in css
CSS