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

8 votes327 views2 answers
Horizontal align icon css
CSS
7 votes334 views2 answers
Scss extend
CSS
0 vote333 views1 answer
Animation not hover out
CSS
0 vote369 views1 answer
React bootstrap carousel not working
CSS
0 vote313 views1 answer
Laravel asset css not found
CSS
1 vote320 views1 answer
Css validator
CSS
0 vote336 views1 answer
Css background text clip
CSS
3 votes324 views1 answer
Css scaling border radius
CSS
0 vote365 views1 answer
Rotate keyfreame animation
CSS
0 vote356 views1 answer
Twig data uri
CSS