/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 vote291 views1 answer
Look and Feel
CSS
0 vote360 views1 answer
How to slow down hover effect css
CSS
5 votes306 views3 answers
Bootstrap 4 classes list with description pdf
CSS
22 votes296 views3 answers
Remove styling from a tag
CSS
3 votes311 views1 answer
Set svg background color css
CSS
3 votes315 views1 answer
Visibility transition css only on show
CSS
15 votes282 views1 answer
How to link fonts css
CSS
0 vote315 views1 answer
The CSS to make all the columns equal in width is as follows
CSS
1 vote283 views1 answer
Bootstrap Changing the separator
CSS
1 vote300 views2 answers
Inline border css reactjs
CSS