Learn how to use auto margin to quickly center a container element.
Auto margin is used by Apple, Google, Stripe, and other design leaders as a way to horizontally center elements. By setting auto margin to an element that has a defined width, you can horizontally center the element within the boundary of its parent.
To select and apply auto margin to a container element:
First, select the element on the Canvas
Then, click into the Style panel
Lastly, click the horizontally center icon next to Spacing