Skip to content
Submitted over 3 years ago

Responsive Profile-Card Component

Igu•95
@igor-mit
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Had a hard time figuring out the background and still think didn't nailed it. Also, positioning the elements inside the card was a bit frustrating, harder than expected.

Community feedback

  • tediko•6,680
    @tedikoPosted over 3 years ago

    Hello, Igu! 👋

    Good job on this one! Your solution responds well and overall looks good. Here's my suggestions:

    • Read about semantic. Semantic elements lead to more consistent code, they are easier to read and improve accessibility.
    • Change the alt attributes for the .pic, as it doesn't add any extra context for screen reader users. Since your image is decorative your alt text should be provided empty (alt="") so that they can be ignored by assistive technologies.

    Good luck with that, have fun coding! 💪

    1
    Igu•95
    @igor-mitPosted over 3 years ago

    Thank you for the feedback!! Appreciate it!

    0
  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    Great Job looks really clean and with all the elements ⭐⭐⭐⭐⭐

    1
    Igu•95
    @igor-mitPosted over 3 years ago

    Thanks!!!

    0

Please log in to post a comment

Log in with GitHub

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