you can avoid the usual flexbox headache by using a single line of css. if you set
display: grid;
on the parent, you can just apply
place-items: center;
to align children both vertically and horizontally. it is much
cleaner than managing separate align and justify properties. no more margin auto hacks are needed for simple layouts.
>the ultimate shortcut for centering content**it even works for single-element centering w/o extra wrappers