/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 vote161 views1 answer
Vendor css
CSS
37 votes152 views6 answers
Add gradient to text css
CSS
0 vote167 views1 answer
Ellipsis css in table cell 2 lines
CSS
1 vote144 views1 answer
Css animate border bottom on hover
CSS
4 votes178 views2 answers
Add background overlay over background image
CSS
161 votes201 views6 answers
Css bold text
CSS
0 vote154 views1 answer
Css nth child range
CSS
0 vote150 views1 answer
Color custom css use in laravel
CSS
1 vote195 views1 answer
Scss percentage
CSS
4 votes166 views4 answers
Css max lines
CSS