Skip to content
Submitted almost 2 years ago

Profile card component HTML & CSS

iulias17•210
@iulias17
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 struggled a little with the responsiveness of the page. If I shrink the page too much, the position of the thumbnail is not centered anymore. Any tips on that? Feedback is highly encouraged and appreciated. Thanks :) !

Community feedback

  • Saulius K.•560
    @TH3RIVPosted almost 2 years ago

    Hi, @iulias17!

    I believe it has something to do with position property on your <div class="avatar">. Why not keep in the middle of the card and then center the image within the div. Can't think of any other reason for that behaviour.

    Hope it helps!

    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