/CSS/How to distribute vertically the items in css

How to distribute vertically the items in css

/* 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 vote119 views2 answers
Css hexagon with text inside
CSS
0 vote112 views1 answer
Negative border radius
CSS
0 vote107 views2 answers
List-style-image size
CSS
0 vote161 views2 answers
Preloader css
CSS
0 vote69 views1 answer
Css skip first child
CSS
0 vote109 views1 answer
Text in circle css
CSS
2 votes98 views2 answers
Carousel css
CSS
2 votes114 views4 answers
Css image sharpen
CSS
1 vote108 views1 answer
How to set fallback font in css
CSS
0 vote128 views1 answer
Angular set encapsulated body to full height
CSS