/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 vote365 views1 answer
Css hover change more than one element
CSS
0 vote353 views2 answers
Materialize css
CSS
2 votes404 views2 answers
Positioning button inside div
CSS
15 votes368 views6 answers
Hr css
CSS
19 votes343 views3 answers
Center in grid
CSS
1 vote371 views1 answer
Mos css
CSS
-1 vote336 views1 answer
Css disable scroll mobile
CSS
2 votes363 views1 answer
Cool hover effects css
CSS
0 vote382 views5 answers
Boostrap css
CSS Bootstrap
2 votes430 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap