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 vote225 views1 answer
Mvc how to css file linked
CSS
5 votes246 views2 answers
How to make a diamond with border radius
CSS
33 votes208 views6 answers
Css flex center
CSS
0 vote188 views2 answers
Laravel 7 css loading slow
CSS
0 vote219 views1 answer
Wordpress https to localhost http
CSS
4 votes208 views1 answer
Css selector every child except last
CSS
0 vote240 views2 answers
Webkit box shadow not working
CSS
0 vote202 views1 answer
Sideways Left Tabs
CSS
9 votes188 views1 answer
Fixed and scrollable gallery column code
CSS
0 vote195 views1 answer
How to make any word italic in html and css
CSS