Skip to content
Submitted over 1 year ago

profile-card-component with Flex

Felipe Saavedra•180
@fisaavedrae
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I have some problems with de positions of avatar image, but finally I resolved it with right: fit-content(20em);, if you have some way to resolve the position issue, please tell me.

Community feedback

  • Omprakash Rahangdale•900
    @OmprakashRPosted over 1 year ago

    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!!.

    Marked as helpful
    0
    Felipe Saavedra•180
    @fisaavedraePosted over 1 year ago

    @OmprakashR thanks for your help

    1
    Omprakash Rahangdale•900
    @OmprakashRPosted over 1 year ago

    @fisaavedrae Welcome.

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord