Skip to content
Submitted over 3 years ago

Profile Card Solution

Sk Saif Ahmed•55
@saifu-a
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

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

  • Steen Toons•260
    @SteentoonsPosted over 3 years ago

    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
    Sk Saif Ahmed•55
    @saifu-aPosted over 3 years ago

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

    1

Please log in to post a comment

Log in with GitHub

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