Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Profile card component HTML & CSS

iulias17 210

@iulias17

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@TH3RIV

Posted

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
Discord logo

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