Css center elment screen

Css center element on screen

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Css center elment screen

.center-screen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}

Source: stackoverflow.com

Similar codes

9 votes394 views2 answers
Css style for the first element only
CSS
64 votes378 views3 answers
How to use variables in css
CSS
0 vote404 views1 answer
No nobr substitute in html
CSS
0 vote388 views1 answer
Box shadow to table cell css
CSS
0 vote386 views1 answer
Css background for text
CSS
1 vote374 views1 answer
How to prevent text from breaking css
CSS
0 vote378 views1 answer
Anchor links scrolling too far
CSS
3 votes427 views2 answers
How to make image not draggable in html
CSS
0 vote382 views1 answer
Compass font awesome
CSS
4 votes371 views1 answer
How to center placeholdr text
CSS