/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

4 votes253 views3 answers
Add space between all html elements flex
CSS
35 votes245 views6 answers
Ellipsis
CSS
0 vote257 views1 answer
Css remove scrollbar from body
CSS
0 vote218 views1 answer
Text area resize css
CSS
0 vote238 views1 answer
Jpa select date format
CSS
2 votes228 views1 answer
Css focus outline none
CSS
0 vote221 views1 answer
Ohmyzsh shortcut to oepn folder with vscode
CSS
0 vote230 views1 answer
Add expanding underline on page load css
CSS
0 vote286 views1 answer
@keyframes opact
CSS
0 vote226 views1 answer
Css border-boz
CSS