Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Developed using HTML and CSS, with basic fundamental knowledge.

vishal 35

@Vishaldev098

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@LucSil

Posted

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

Marked as helpful

0

vishal 35

@Vishaldev098

Posted

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

1

@JepardMay

Posted

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

@Vishaldev098

Posted

@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
Discord logo

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