/CSS/Html vertical and horizontal center

Html vertical and horizontal center

Css center vertically and horizontally

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/* to make "align-items: center" work: use "min-height: 100vh;"
100vh = 100% Viewport Height */

Source: grepper.com

How to center vertically and horizontally in css

.<your-outer-div> {
  display: flex;
  justify-content: center;
  align-items: center;
}

Source: grepper.com

Similar codes

2 votes196 views1 answer
Clamp margin
CSS
0 vote199 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.sass - sass is the older syntax
CSS
1 vote220 views1 answer
Width defined by content css
CSS
0 vote209 views1 answer
Scss import class from another file
CSS
0 vote208 views1 answer
Css textarea set max characters
CSS
1 vote196 views1 answer
Gatsby hide scroll bar
CSS
56 votes216 views3 answers
How to make a round corner in CSS
CSS
7 votes204 views2 answers
Fira code
CSS
36 votes213 views6 answers
Gradient text
CSS
102 votes216 views6 answers
@media query css
CSS