Centering a Div

This method centers a div both horizontally and vertically.

Snippet:

position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);

Example:

display: flex; justify-content: center; align-items: center; height: 100vh;