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 Solution

@saifu-a

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


I don't like the shadow here. Can you help me with getting is as same as in the original one?

Community feedback

@Steentoons

Posted

Hi Saif

I did not find the exact shadow used on the design, but I made one more subtle with more blur and less opacity. box-shadow: 0px 0px 34px -2px rgba(0,0,0,0.27);

You can use CSS box shadow generators online to create your own better version.

1

@saifu-a

Posted

@Steentoons Thanks for your feedback. Looking forward to using it.

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