profile-card-component with Flex

Hi, Congratulation for complete this challenge. --- your code.

.avatar { position: absolute; top: 220px; right: 45%; }

solution : .avatar { position: absolute; top: 220px; margin: 0 auto; }

use this instead of position margin: -50px auto;

we have other options for this you can use flex, justify-content center, and margin-top to resolve this kind of scenario.

I hope this will help you.

Thank you!!.