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

-1 vote222 views1 answer
Change font size on large screen resolution bootstrap
CSS
0 vote143 views1 answer
How to use * in html
CSS
2 votes218 views1 answer
How to distribute vertically the items in css
CSS
0 vote157 views1 answer
Patterns with css
CSS
0 vote170 views2 answers
Css flip text
CSS
4 votes163 views3 answers
Add space between all html elements flex
CSS
1 vote175 views1 answer
Rotate text css
CSS
4 votes160 views3 answers
Css selection
CSS
2 votes168 views1 answer
Mat slide toggle change color
CSS
0 vote204 views1 answer
Justify-self
CSS