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 vote280 views1 answer
Convert firebase created_at to Date string
CSS
0 vote294 views1 answer
AddCorsMappings registry.addMapping
CSS
2 votes304 views2 answers
Restrict a paragraph height css
CSS
0 vote390 views1 answer
How to set initial state after first time in formik
CSS
2 votes261 views1 answer
Why do we need hexadecimal number system
CSS
2 votes278 views1 answer
Three dots in css
CSS
7 votes294 views3 answers
Embed google font css
CSS
2 votes287 views1 answer
How to make auto scroll to the end in css
CSS
14 votes317 views6 answers
Bootstrap image size
CSS Bootstrap
7 votes283 views4 answers
How hide in html
CSS