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

@YosefHayim

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P
Lo-Deck 2,460

@Lo-Deck

Posted

Hi well done for this challenge,

It's better to use em or rem instead of px. FreeCodeCamp. FreeCodeCamp.

Hope to be helpful.

Marked as helpful

0

@YosefHayim

Posted

@Lo-Deck Thanks a lot! could you explain why ? I am not familiar with the pros

0
P
Lo-Deck 2,460

@Lo-Deck

Posted

It remains fixed at ..px and doesn't change regardless of whether the size of the browser changes. Better for responsiveness.

All is inside the link.

0

@YacoubDweik

Posted

Hey Yousef!

Well done man! I'd only say that you should have set max-width: 330px instead of width to make the design unlimitedly responsive.

Also just FYI that the design for Desktop is gonna be 350px of width.

Keep it up!

0

@YosefHayim

Posted

@YacoubDweik

Thanks bro will do!

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