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

11 votes260 views2 answers
Css line-clamp
CSS
152 votes320 views6 answers
How to add bold in css
CSS
0 vote277 views1 answer
Wordpress template load CSS
CSS
0 vote252 views1 answer
How to remove underline from list item in html
CSS
202 votes411 views6 answers
How to reference a css file in html
CSS
0 vote296 views1 answer
List-style-type flex
CSS
0 vote318 views2 answers
List-style-image size
CSS
0 vote328 views1 answer
Bootstrap popover style width
CSS Bootstrap
0 vote267 views1 answer
Import scss
CSS
1 vote220 views1 answer
Outside padding css
CSS