Skip to content
Submitted over 3 years ago

Profile card component only with HTML and CSS

Braian Lopez•60
@Polariz626
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

this is my third challenge so far. in my opinion, this was the easiest one for now. however, there might be some things to improve with the code. any advice would greatly appreciated.

Community feedback

  • Faris P•2,810
    @FarisPalayiPosted over 3 years ago

    Looks good👍

    One suggestion is that to try to make the background image responsive if you can.

    And also .profile-pic-cont img, instead of giving it an outline, change it to a border so that it'll be rounded. And the cursor: pointer; is unnecessary because there are no elements that are interactive.

    Have fun coding ✨

    Marked as helpful
    1
    Braian Lopez•60
    @Polariz626Posted over 3 years ago

    @FarisPalayi thanks for the suggestions. I will investigate how to make the background responsive. thanks again, 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