/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 vote322 views1 answer
Css font family narrow fonts
CSS
0 vote311 views1 answer
Width not responding to css in table
CSS
0 vote330 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
0 vote354 views3 answers
Bulma lowercase
CSS
0 vote313 views1 answer
Mailto link with no decoration
CSS
16 votes393 views5 answers
Sass loops
CSS
2 votes319 views1 answer
Clamp margin
CSS
6 votes361 views3 answers
Skeleton css cdn
CSS Skeleton
15 votes333 views4 answers
Sass
CSS
8 votes329 views2 answers
Css multiple selectors
CSS