/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 vote111 views1 answer
Padding right and left css
CSS
0 vote212 views1 answer
Width cross browser
CSS
1 vote125 views1 answer
Css background cover y axis
CSS
14 votes188 views4 answers
Text align left bootstrap
CSS Bootstrap
0 vote132 views3 answers
Apple like scroll css
CSS
0 vote129 views2 answers
Webpack alias not working in jest
CSS
19 votes125 views3 answers
Change input placeholder text css
CSS
3 votes151 views1 answer
Css scaling border radius
CSS
0 vote126 views1 answer
Wrap text around circle image css
CSS
0 vote114 views1 answer
Adding script in vat for product order shopify
CSS