/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 vote367 views1 answer
Make backgrond image smaller
CSS
7 votes324 views2 answers
Create circle border css
CSS
1 vote325 views1 answer
Second scrollbar appears
CSS
19 votes336 views6 answers
Css font
CSS
0 vote292 views1 answer
Css click through element
CSS
8 votes349 views2 answers
CSS change image height
CSS
0 vote336 views1 answer
Best os for programming
CSS
0 vote323 views1 answer
Css input spaces between
CSS
1 vote364 views1 answer
Mini-css-extract-plugin
CSS
0 vote341 views1 answer
How to make two different animations to one element css
CSS