Skip to content
Submitted over 2 years ago

My second challange - Profile card (HTML and CSS)

Alien•50
@Alienowy
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

That was my second attempt. What should I improve? I really need your feedback. Thanks a lot.

Code

Please log in to post a comment

Log in

Community feedback

  • Nick•160
    @HarmoniaCodes

    Hello Allen! Congrats on completing the challenge! I have a few pieces of feedback for your code:

    • The background images are missing. This requires the use of 2 .svg files in order to match the design prompt. You might look into positioning properties and z-index values in order to get these where they need to go. The MDN documentation for these is below.

    Edit: Upon further inspection, it also appears that the url you are using for the background images is resulting in a 404 error.

    CSS Position Property: https://developer.mozilla.org/en-US/docs/Web/CSS/position

    Z-index Values: https://developer.mozilla.org/en-US/docs/Web/CSS/z-index

    • The card itself should have a shadow effect. Box-shadow is an easy solution to this. Check out the MDN documentation for this below.

    Box-shadow Property: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

    Keep up the great work! Happy Coding!

    Marked as helpful

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