/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

8 votes150 views2 answers
Html how to change highlight color
CSS
0 vote188 views1 answer
#f7fafc
CSS
0 vote137 views1 answer
Matrix multiplication markdown
CSS
0 vote143 views1 answer
Content url svg css
CSS
0 vote152 views2 answers
Add profile picture to a form in html and css
CSS
0 vote133 views1 answer
How to disable increase descrease buttons of input type number in html
CSS
1 vote156 views2 answers
Css ios disable zoom
CSS
72 votes143 views6 answers
Flexbox css
CSS
1 vote161 views1 answer
Add css variables without global
CSS
1 vote142 views1 answer
Css super smooth shadow
CSS