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

3 votes145 views3 answers
Remove on click border
CSS
5 votes243 views1 answer
Show scrollbar only when scrolling
CSS
0 vote156 views2 answers
Align ionic icons and text css
CSS
0 vote154 views1 answer
Css cursor finger
CSS
0 vote170 views1 answer
Aligning form elements to center in css
CSS
0 vote227 views1 answer
Dxxxxxxx
CSS
0 vote149 views1 answer
Truncate long line with dots
CSS
2 votes153 views2 answers
Aspect ratio css
CSS
0 vote174 views1 answer
Css add shade over background image
CSS
0 vote155 views1 answer
Custom hr in css
CSS