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

37 votes309 views4 answers
Select even child css
CSS
0 vote395 views1 answer
Bulma modal
CSS Bulma
1 vote334 views1 answer
Css list style url siz
CSS
0 vote344 views1 answer
Cheat codes for hmtl and css
CSS
0 vote391 views1 answer
Terminal download website source code
CSS
1 vote322 views1 answer
Move element to the left css
CSS
0 vote323 views1 answer
Css using border top border bottom to create a hamburger icon
CSS
0 vote334 views1 answer
Bootstrap-scss github
CSS
12 votes354 views4 answers
Hover on one div affect another
CSS
0 vote337 views1 answer
Elementor custom css for mobile
CSS