Skip to content
Submitted almost 4 years ago

Profile Card (v2)

Daniel•60
@DanielHolen
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've tried to clean everything up (better class names, re-usable classes etc;) also adjusted the card size to better represent the original design.

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted almost 4 years ago

    Hey, Daniel!

    Congratulations on completing your first Frontend Mentor challenge! 🎉 Good work on this one! 👍

    I suggest decreasing the overall size of the card component a bit in the desktop layout (since it's currently quite large). 😉

    Keep coding (and happy coding, too)! 😁

    And happy holidays! 🎄

    1
  • Web Frog•1,840
    @MasterDev333Posted almost 4 years ago

    Great work @Daniel. Your solution is spot on. I suggest you to use background-image or pseudo-elements to draw background circles rather than real doms. And if you'd like to make your class names more readable, please study BEM. Hope it helps. Happy coding~ :)

    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