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

Responsive Profile-card-component with HTML CSS

@otmanezahhari

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


If anybody would like to review my code and give me feedback that would be great!

Any other type of feedback is appreciated as well! Thank You!

Community feedback

@aishwarya-mali

Posted

Hi ZAHHARI,

Nice work on this challenge!

Here are some pointers after taking a look at your code:

  • Please add font according to the Design.
  • You can add .profile-card{ overflow: hidden; } instead of giving separate border to .couverture-photo
  • You can also avoid using heights instead use padding
  • You can also align name and age(I guess) vertically.
  • You can add letter-spacing to .card-info-followers span
  • You could also add border-top to .card-info-followers instead of hr or could style hr according to design.

I hope this helps. Let me know if you have any questions. Keep it up!

0

@otmanezahhari

Posted

Thank you for your feedback

0
7milkyways 100

@iamdestinychild

Posted

Great work i think you should check the fonts

0

@otmanezahhari

Posted

@devclones1 thanks

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