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

67 votes114 views3 answers
St. Patrick's Day
CSS
33 votes114 views4 answers
Css background collor
CSS
1 vote111 views1 answer
Html dim entire screen
CSS
11 votes115 views3 answers
Filter for css white color
CSS
0 vote124 views1 answer
Compass font awesome
CSS
0 vote116 views1 answer
Shiny server configuration
CSS
0 vote124 views1 answer
Make the cursor appear as a crosshair on all links of the web page:
CSS
0 vote74 views1 answer
Bootstrap accessibility
CSS
1 vote136 views1 answer
Reset id sequence postgres
CSS
0 vote124 views1 answer
Flex box divs squeeze together
CSS