/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 vote418 views1 answer
Beautiful Cyrillic fonts
CSS
0 vote413 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
0 vote434 views1 answer
Bootsrap view only landscape
CSS
0 vote340 views1 answer
Bootstrap 3 progress bar animation
CSS
0 vote360 views1 answer
Nuxt JisonLexerError: Lexical error on line 1: Unrecognized text.
CSS
0 vote384 views1 answer
Cl image tag width
CSS
0 vote357 views1 answer
Nuxt page transition
CSS
1 vote375 views1 answer
Slickjs height
CSS
3 votes351 views2 answers
Scss transition
CSS
2 votes353 views1 answer
Beautiful navigation bar css
CSS