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

5 votes105 views1 answer
Force to load https
CSS
0 vote119 views1 answer
Underline css still there after text-decoration: none
CSS
27 votes97 views6 answers
Animation properties css
CSS
0 vote107 views1 answer
Css perspective
CSS
0 vote109 views6 answers
Install canon mf211 printer ubuntu
CSS
37 votes98 views1 answer
Trumping
CSS
2 votes105 views2 answers
Css grid make all rows same height
CSS
4 votes106 views3 answers
Background with image and gradient
CSS
17 votes110 views3 answers
Css odd even child
CSS
39 votes102 views2 answers
Css to increase font size
CSS