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 only with HTML and CSS

@Polariz626

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


this is my third challenge so far. in my opinion, this was the easiest one for now. however, there might be some things to improve with the code. any advice would greatly appreciated.

Community feedback

Faris P 2,810

@FarisPalayi

Posted

Looks good👍

One suggestion is that to try to make the background image responsive if you can.

And also .profile-pic-cont img, instead of giving it an outline, change it to a border so that it'll be rounded. And the cursor: pointer; is unnecessary because there are no elements that are interactive.

Have fun coding ✨

Marked as helpful

1

@Polariz626

Posted

@FarisPalayi thanks for the suggestions. I will investigate how to make the background responsive. thanks again, happy coding.

1

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