/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 votes347 views2 answers
No border css
CSS
0 vote354 views1 answer
Css 2 images side by side to stack
CSS
26 votes356 views5 answers
Css multiple classes
CSS
0 vote354 views2 answers
Woocommerce align add to cart buttons css
CSS
-1 vote354 views3 answers
Clip path css
CSS
0 vote348 views10 answers
Stack Overflow
CSS
8 votes366 views2 answers
Kotlin string to int
CSS
1 vote331 views1 answer
Css overwriting styles
CSS
0 vote413 views2 answers
Create react app tailwind css with yarn
CSS
0 vote335 views2 answers
Webpack alias not working in jest
CSS