Avoid using justify-center and items-center

Why you should avoid justify-center and items-center

This kind of design only works with simple elements (an icon, a single line of text).
But often we see designs that have multiple elements or varying lengths of text.

This creates the "wave".

This also results in our content growing from the center in both directions. Instead we only want our content to grow in one direction. Generally this will be top-to-bottom. For this approach we should use padding-top to help position our content within the box.