/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

6 votes302 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS
17 votes313 views1 answer
Variables scss en calc()
CSS
0 vote464 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap
2 votes312 views3 answers
Ul hide bullet css
CSS
7 votes304 views3 answers
Text unselectable css
CSS
0 vote302 views1 answer
Width calc(100 - 100px)
CSS
0 vote349 views1 answer
Use PurifyCSS with hugo
CSS
0 vote276 views1 answer
Css !important
CSS
0 vote289 views1 answer
How to give linear transprerancyon background image
CSS
7 votes328 views2 answers
Detect if an element has a class jQurey
CSS