/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

0 vote171 views1 answer
Css dark blue
CSS
0 vote158 views2 answers
Css add circle to icon cart
CSS
16 votes179 views3 answers
CSS Head Link
CSS
0 vote246 views1 answer
Bootsrap view only landscape
CSS
0 vote185 views1 answer
Mettre un element en avant css
CSS
0 vote187 views1 answer
Offsetx and offsety in css
CSS
0 vote196 views1 answer
Css how to center a link
CSS
3 votes205 views1 answer
Get company id odoo
CSS
0 vote183 views1 answer
Hex color code for tan
CSS
0 vote180 views1 answer
Sass file
CSS