you can stop using complex transforms to center elements. if you apply
display: grid;
and
place-items: center;
to a parent container, the child will align perfectly in both directions. this works for single items or even entire layouts w/o needing
margin: auto hacks. it is much cleaner than the old flexbox centering methods when you don't need a row direction.
>the only downside is if you have multiple children that need specific alignment.just use flexbox if you need to control the axis