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

2 votes154 views2 answers
Bootstrap icons in angular
CSS
5 votes160 views3 answers
Change color of bullet points css
CSS
0 vote150 views2 answers
Css slick js load slider jump
CSS
0 vote155 views2 answers
Counter-style counter css counters
CSS
0 vote171 views1 answer
Define keyframes with javascript
CSS
-1 vote161 views1 answer
Css div bottom of parent
CSS
0 vote184 views1 answer
Add shadowto container
CSS
0 vote214 views1 answer
Javavscript use .filter to return odd numbers in an array
CSS
0 vote153 views1 answer
Css tutorial point
CSS
0 vote157 views1 answer
Devextreme css
CSS