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

42 votes321 views5 answers
Npm bootstrap
CSS Bootstrap
0 vote195 views1 answer
Css animation scale image
CSS
0 vote183 views1 answer
Test typescript
CSS
2 votes258 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap
0 vote204 views1 answer
Css 2 images side by side to stack
CSS
0 vote239 views1 answer
Height current -3px css
CSS
0 vote295 views1 answer
Css get the image to the center and to make it relative to the width of the parent.
CSS
0 vote188 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
0 vote179 views1 answer
Purge tailwind 3
CSS
13 votes178 views3 answers
How to change cursor in css on hover
CSS