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 vote185 views2 answers
How to zoom picture on hover using css
CSS
1 vote190 views1 answer
Ul li seprator
CSS
0 vote190 views1 answer
Css nested scrollbars
CSS
0 vote310 views1 answer
Feature detect css
CSS
1 vote200 views5 answers
Ease in out
CSS
0 vote205 views1 answer
Removing default background color of html input
CSS
72 votes285 views6 answers
Css center position absolute
CSS
0 vote193 views1 answer
React bootstrap carousel not working
CSS
0 vote187 views2 answers
Css text truncate 2 lines
CSS
1 vote205 views2 answers
Onclick url
CSS