Css center div vertically

Css align items vertical center

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

Source: css-tricks.com

Css center vertically

/* 100vh = 100% Viewport Height */
body {
	display: flex;
	height: 100vh;
	flex-direction: column;
	justify-content: center;
}
/* add */ align-items: center; /*to also center horizontally.*/

Similar codes

1 vote94 views1 answer
Outside padding css
CSS
2 votes98 views1 answer
Alignitems
CSS
0 vote167 views1 answer
Javascript canvas pixel art
CSS
0 vote136 views1 answer
Css basics
CSS
7 votes136 views3 answers
Rounded input css
CSS
0 vote140 views1 answer
Media query change button text
CSS
35 votes146 views4 answers
Css nth element
CSS
-1 vote126 views1 answer
Css grid column height fit content
CSS
2 votes196 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap
0 vote128 views1 answer
Body css margin, background, font-family, hei
CSS