Centering with position absolute does not work well if the content can be wider/higher than the container (like responsive layouts or if the content is unknown).

Using grid/flexbox fixes that and other corner-cases.