Skip to content
Submitted over 3 years ago

Developed using HTML and CSS, with basic fundamental knowledge.

vishal•35
@Vishaldev098
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 had a problem in making the background image. since, there were 2 separate images of 'bubbles', I inserted them using 'background-image' property. Is there any easy way to make the background, same as given in the sample of this challenge?

Community feedback

  • Destiny Obioha•205
    @LucSilPosted over 3 years ago

    Hello!! How about a retry to make this site responsive ?!

    Marked as helpful
    0
    vishal•35
    @Vishaldev098Posted over 3 years ago

    @LucSil Hi! I might retry it after some other projects, thank you for your advice.

    1
  • Veronika Palto•305
    @JepardMayPosted over 3 years ago

    Hello. Not refers to the question but a notice that the avatar gets thinner if the page gets thinner but the height stays the same - it looks odd.

    Also, I don't think it's worth making card change width unless it's a mobile. It's plenty of room for the card to stay the same width, but it just a suggestion to consider.

    Marked as helpful
    0
    vishal•35
    @Vishaldev098Posted over 3 years ago

    @JepardMay Hi! Thank you for your advice, It never occurred to me that there was plenty of room for the card to stay the same width, however, now that I know, it might be helpful in upcoming projects.

    0

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