/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

1 vote158 views1 answer
Overflow-x hidden meaning in css
CSS
0 vote147 views1 answer
Jquery hover class css not working
CSS
17 votes150 views1 answer
Variables scss en calc()
CSS
4 votes164 views1 answer
Grid-area
CSS
80 votes181 views2 answers
Text-transform
CSS
0 vote151 views1 answer
FusedLocationClient.removeLocationUpdates
CSS
0 vote155 views1 answer
Custom hr in css
CSS
0 vote152 views1 answer
Css print landscape
CSS
0 vote148 views2 answers
Filter array by keyword
CSS
2 votes153 views2 answers
Aspect ratio css
CSS