Skip to content
Submitted over 2 years ago

Profile card component with only html and css. Feedback are welcome.

accessibility
Cris Augusto•160
@Cristhyam-Augusto
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello FrontEnd Mentor community. This is my solutions for the challenge Profile card component, made with html and css flexbox. Feedbacks are welcome, this is very important to me for better my code. Thanks Again.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Vanza Setia•27,715
    @vanzasetia

    Hi, Cris!

    One suggestion I have is to fix the alternative text of the profile image.

    Alternative text should not contain the word "image". It is using the <img> element. So, the semantic meaning of it is already enough to tell people that it is an image.

    Alternative text for the profile image should be the name of the person.

    Another suggestion is to use the list element to render the statistic (80K followers, etc).

    The statistic number should not be a heading element. The content below it is too small. So, use <span> element instead.

    I hope this helps.

    Marked as helpful

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