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 Challenge

@EmmanuelOloke

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


No questions in particular, but honest feedbacks are always appreciated.

Community feedback

Adrian 190

@ohsite

Posted

Hi! First of all really great job! My advice, if I may, is try not to use pixels. Use EMs and REMs instead. If you need lets say gap 40px or margin 10px, style HTML tag: "font-size: 62.5%" - by doing this 1rem is going to be 10px, than you use for example gap: 4rem (gap 40px), Hr opacity seems not to be working. I used border-bottom 1px solid + black color in rgba notation. Keep up the good work! All the best.

Marked as helpful

1

@Pixie-Code-Creator

Posted

I think it looks really good. I am a newbie myself and I discovered the opacity function in your code for the first time! Thanks.

Marked as helpful

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