stop using the old margin auto hack for single elements. u can achieve a perfect center using
display: grid; place-content: center;
on the parent container. it makes
vertical alignment much easier to manage in complex layouts ⚡ **it also works perfectly w/ flexbox