Skip to content
Submitted about 3 years ago

Profile card component

Abdelghafour•580
@Abdelghafour122
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This is my humble solution Not pixel-perfect

If anyone has suggestions on how i can improve my code, please let me know, thank you!

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • Janelle Schuh•90
    @jschuh23

    Great solution @Abdelghafour122! I wouldn't worry too much about pixel perfect as that can be very hard to obtain :)

    It looks like you have some HTML issues per the Frontend Mentor report. One suggestion I would have is to decrease the number of section elements that you're using. Many of these can be changed to a div and that's ok. I might just have one section element that contains the entire card component.

    The MDN website has some great info on the section element. Specifically: If you are only using the element as a styling wrapper, use a div. An unwritten rule is that a section should logically appear in the outline of a document.

    Hope that helps!!

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