/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

1 vote261 views3 answers
Css profile picture round
CSS
0 vote290 views1 answer
Applying multiple transform values to an object css
CSS
0 vote338 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
3 votes281 views2 answers
Backdrop filter all properties
CSS
0 vote267 views2 answers
How set image at top in wordpress
CSS
59 votes282 views6 answers
Css hover
CSS
0 vote270 views1 answer
$scope.$apply
CSS
0 vote270 views3 answers
Constraint in grails
CSS
3 votes267 views4 answers
Css keep image ratio
CSS
0 vote282 views1 answer
Wordpress https to localhost http
CSS