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

3 votes216 views1 answer
Bootstrap 3 offset
CSS Bootstrap
6 votes201 views6 answers
Console.log with color font
CSS
0 vote192 views1 answer
Css not hover div right hide
CSS
0 vote237 views1 answer
Bootstrap popover style width
CSS Bootstrap
0 vote216 views1 answer
Responsive card css
CSS
1 vote211 views1 answer
Css show scrollbar if overflow
CSS
1 vote197 views5 answers
Ease in out
CSS
0 vote186 views1 answer
Css cursor loading
CSS
1 vote214 views2 answers
What does clearfix for floats do in css
CSS
0 vote231 views1 answer
Tailwindcss link tag
CSS