Center

A utility component that "CenterCenters" the child or children.

It translates to a div with:

• display: flex
• justify-content: center
• align-items: center

vertical-centering and height

Vertical centering will only come into play if Center's height is bigger than the inner content.

horizontal-centering and width.

As a regular div, it occupies the whole parent's width. As a display:flex, it makes children adopt a max-content width.