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 component using css

kj1999 20

@kj1999

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


please give feedback.

Community feedback

@Will-1-Am

Posted

Hey Kiran, nice work on submitting this challenge project.

You might consider using before and after pseudo elements to position the background images properly. It is definitely a bit tricky so check-out this pen (https://codepen.io/will-1-am-the-Iceman/pen/jOydXYZ?editors=1100) for an example that you can test. This will enable you to use a more declarative approach to the layout - eg specify the top left for the position of your background asset.

Consider using other element types in place of the h2 elements for the stats section. A heading really only makes sense if it has child content, and the statistics just would be better tagged with something more meaningful and will make the html more intuitive for other developers.

I hope this helps. Happy coding! 🤓

1

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