/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 vote121 views1 answer
Mac input shadow
CSS
17 votes118 views2 answers
Place item center in css using grid
CSS
5 votes113 views3 answers
How to make a dotted hr in css
CSS
0 vote124 views2 answers
Superscript css
CSS
0 vote130 views1 answer
Download-a-file-in-laravel-using-a-url-to-external-resource
CSS
3 votes124 views2 answers
Css glass effect
CSS
0 vote167 views2 answers
Preloader css
CSS
1 vote141 views1 answer
Lightred color hex
CSS
0 vote115 views1 answer
Css margin top responsive
CSS
0 vote106 views1 answer
Css varianbes
CSS