/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

3 votes130 views3 answers
Scss variables
CSS
6 votes125 views2 answers
Update checkbox size css
CSS
1 vote118 views2 answers
Style input number arrows
CSS
13 votes120 views4 answers
Scss transition mixin
CSS
0 vote164 views1 answer
Input area bootstrap highlight
CSS Bootstrap
2 votes121 views1 answer
Width 100% with padding
CSS
0 vote136 views2 answers
Jquery css add important
CSS
1 vote129 views1 answer
How to check if eloquent result is empty
CSS
6 votes137 views2 answers
Css how to prevent horizontal scrolling
CSS
82 votes118 views6 answers
Text-shadow css
CSS