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 vote213 views1 answer
Input type date all css style
CSS
0 vote213 views1 answer
Padding 2 values how would be they applied
CSS
15 votes205 views3 answers
Loops scss
CSS
0 vote202 views3 answers
Image not rendering in tailwind css
CSS
0 vote165 views2 answers
Js parallax effect
CSS
1 vote197 views2 answers
Css div side rounded
CSS
0 vote395 views2 answers
Using materialize css with react
CSS Materialize
0 vote258 views1 answer
Linux remove latst 3 files
CSS
0 vote200 views1 answer
Text size to fit button
CSS
0 vote202 views1 answer
Swiper slider autoplay
CSS