stop using transforms to center elements and causing layout shifts. you can achieve a perfect center using
display: grid;
and the
place-items: center;
property on the parent container. it is
extremely clean and handles both axes simultaneously. no more margin auto hacks or complex math required.
>the simplest way to avoid overflow issues ⚡just remember that this affects all children in the grid