stop using margins to fix alignment issues. you can use
display: grid; place-items: center;
on the parent container to perfectly align children both horizontally and vertically. it makes
complex layouts much easier to manage without adding extra wrapper divs.
it also works for flexbox if you prefer that approach ⚡