/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 vote189 views1 answer
Alternate color on two consecutive rows
CSS
1 vote192 views1 answer
Detect mobile css
CSS
0 vote201 views1 answer
Options for DNSSEC verification of other zones
CSS
1 vote176 views3 answers
Css hover animation text
CSS
4 votes221 views1 answer
Footer at bottom of body
CSS
48 votes169 views6 answers
Media query min and max
CSS
29 votes176 views9 answers
Traduttore
CSS
0 vote182 views1 answer
Iterating data font size as to be decreased in Angular by using css
CSS
1 vote143 views2 answers
Summation in jupyter markdown
CSS
-1 vote244 views2 answers
Trasition opacity
CSS