/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

9 votes339 views4 answers
Clamp css
CSS
6 votes308 views3 answers
Skeleton css cdn
CSS
0 vote305 views1 answer
Select tag text align center
CSS
0 vote377 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
0 vote322 views1 answer
Building Multi-Architecture Docker Images on ARM 64-bit
CSS
0 vote402 views1 answer
Vendor css
CSS
0 vote340 views1 answer
Woocommerce product_cat apply to custom post type
CSS
0 vote339 views1 answer
Wpforms submit button css
CSS
1 vote405 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
0 vote329 views1 answer
Tabla responsive css
CSS