Notes

You can easily center a block element both vertically and horizontally with CSS Grid:

display: grid;
place-items: center;
min-height: 100vh;

This method keeps your layout simple and responsive without extra wrappers!