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

Profile Card using HTML and CSS. First project on Frontend Mentor

@AnthonyRodriguez93

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


Took what felt like ages and a lot of googling and MDN referencing. I'd love some advice.

Community feedback

P

@claire-ca

Posted

Hi Anthony, your solution looks really good! Just a few suggestions to improve what you already have - I would recommend changing the circle images to background images instead of img tags as they are only there as part of the visual design. Another thing you might want to look at is using more semantic html markup - you might have been able to use the main or section tags instead of div in places here.

Also I noticed that you have missed the dot in front of you cb class in your css at one point, so those styles won't show. Also you have an e on the end of solid in your .image-holder, so that style also isn't showing.

I hope I have helped in some way. Keep going and don't worry about googling things a lot - we all do it!

2

@AnthonyRodriguez93

Posted

@claire-ca Thank you so much! I really appreciate it!

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