Quickly center an element vertically and horizontally in CSS

This CSS rule is good, it aligns any element center vertically or horizontally:

```

margin-block: 50%;

```

or 

```

display: flex;

flex-direction: column;

justify-content: space-evenly;

```

https://flaviocopes.com/css-centering/