/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 vote224 views1 answer
Bootstrap 4 input error
CSS Bootstrap
0 vote146 views1 answer
Building Multi-Architecture Docker Images on ARM 64-bit
CSS
0 vote149 views1 answer
Constraint barrier example
CSS
11 votes133 views2 answers
Css hr color
CSS
4 votes155 views3 answers
How to change background color in ElevateButton flutter
CSS
0 vote202 views1 answer
Youtube css
CSS
2 votes150 views2 answers
How to put the input box and the label on top of input
CSS
12 votes152 views1 answer
How to make borders rounded in css
CSS
8 votes146 views4 answers
How to cover full image in css
CSS
0 vote144 views1 answer
Html css how to arrange images of different sizes
CSS