Css center div vertically

Css align items vertical center

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

Source: css-tricks.com

Css center vertically

/* 100vh = 100% Viewport Height */
body {
	display: flex;
	height: 100vh;
	flex-direction: column;
	justify-content: center;
}
/* add */ align-items: center; /*to also center horizontally.*/

Similar codes

0 vote105 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS
2 votes176 views1 answer
Are you sure you want to delete html
CSS
0 vote140 views1 answer
Add elipses to a dom element with css
CSS
3 votes141 views2 answers
Crop image with circle css
CSS
9 votes167 views2 answers
Semibold css
CSS
-1 vote146 views2 answers
Navigation bar css
CSS
0 vote159 views1 answer
Pourquoi mon css ne fonctionne pas quand je recharge la page
CSS
2 votes173 views1 answer
Make a quarter of circle css
CSS
1 vote101 views2 answers
Hide text css
CSS
0 vote107 views1 answer
Padding 4 values
CSS