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
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found

Submitted

Profile card component

@PHnrq

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


Hi guys, any feedback about my code is welcome.

Community feedback

@NataliaKiwibird

Posted

Hi Paulo, I recommend using rem instead of px (especially for fonts, paddings, and margins). It helps in responsiveness a lot. There is a good starting point with rem sizing https://css-tricks.com/font-sizing-with-rem/

Also, try to use more semantic tags. You can change your divs to section, ul, footer, etc. More on accessibility here https://web.dev/accessible/

Happy coding!

Marked as helpful

0

@PHnrq

Posted

@NataliaKiwibird Thank you for the tips :).

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