/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

2 votes323 views2 answers
Html how to split a div into two columns
CSS
0 vote294 views1 answer
Change the background of an element in a loop using css
CSS
0 vote310 views1 answer
Why we are translating -50%, -50% in css
CSS
0 vote284 views1 answer
Html disable spin buttons on input type number
CSS
0 vote306 views2 answers
Css multiline comment
CSS
1 vote314 views2 answers
Css module multiple classes
CSS
2 votes288 views1 answer
Zypper download rpm
CSS
0 vote272 views1 answer
How to enlarge image when hover on in css
CSS
1 vote302 views1 answer
Input type date remove calendar icon
CSS
5 votes299 views3 answers
Background-image linear gradient and border radius
CSS