How do you center a div horizontally and vertically?

Using Flexbox:

.parent {

display: flex;

justify-content: center; /* horizontal */

align-items: center; /* vertical */

height: 100vh;

Key Takeaway:

flexbox is the easiest and modern way to center elements.