Profile Card Component Using Flexbox

This is my third completed challenge!

I struggled a lot with this. I could not figure out how to properly center my attribute. Any time I did "center" it my whole display shifted right. Additionally, my screen looks fine on desktop, but it is zoomed out and uncentered on mobile. I included the following in my code, but it did not fix the problem:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Lastly, I struggled a lot with placing and positioning. I'm playing Flexbox Zombies and Froggy Flexbox and it's starting to help, but I'm still very confused about how to position everything. Any tips or advice would be greatly appreciated!

Thank you & Happy Coding!

-Angie