Profile card component using flexbox

Hi Leonardo,

This is a great effort and very close to looking just like the design.

That space you've found has been caused by your transform property. By using this, the space has been left, but if you use a negative margin-top it will help move the lower content up at the same time.

I hope this resolves your issue. Great work.

Mike

To center .profile-card on the page using flexbox, replace the height in the main with min-height: 100vh.

Use the colors that were given in the styleguide.md found in the zip folder you downloaded.

For a responsive content, replace the width in .profile-card with max-width.

Give . personal-info a fixed margin-top and bottom value, instead of margin: auto; margin: 16px 0; and add a text align-center to it.

Use relative units like rem or em as unit for the padding, margin, width values and preferably rem for the font-size values, instead of using px which is an absolute unit. For more on CSS units Click here

Hope am helpful.

Well done for completing this challenge. HAPPY CODING