/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 votes239 views2 answers
Axios send request with cookies
CSS
41 votes230 views4 answers
How to center text in css
CSS
76 votes197 views6 answers
Border radius css
CSS
74 votes210 views6 answers
Css rounded corners
CSS
3 votes202 views2 answers
Align an entire second row center css grid
CSS
0 vote268 views1 answer
No scrollbar tailwind
CSS
0 vote207 views1 answer
.cameleons
CSS
29 votes197 views3 answers
How to remove scrollbar in css
CSS
28 votes195 views3 answers
Font-face html
CSS
67 votes342 views3 answers
St. Patrick's Day
CSS