css center element on screen

1.centered {
2  position: fixed;
3  top: 50%;
4  left: 50%;
5  transform: translate(-50%, -50%);
6}

1.center-screen {
2  display: flex;
3  flex-direction: column;
4  justify-content: center;
5  align-items: center;
6  text-align: center;
7  min-height: 100vh;
8}

1Admit it, you can never remeber how to center a div....

1.class{
2position: realtive;
3text-align: center;
4top: 50%;
5transform:translateY(-50%);
6}