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

6 votes306 views1 answer
All text in caps using css
CSS
1 vote318 views2 answers
How to align an image left in css
CSS
0 vote247 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS
0 vote283 views1 answer
Change parent div css on over of child
CSS
6 votes295 views1 answer
Responsive image in css
CSS
20 votes295 views3 answers
Underline text using css
CSS
0 vote293 views1 answer
Css psedou content data
CSS
3 votes283 views1 answer
Zoom in to picture on html css
CSS
1 vote302 views1 answer
Zoom background image css
CSS
6 votes327 views2 answers
Removing the unwanted border button css
CSS