Skip to content
Submitted almost 2 years ago

Profile Card Using HTML and CSS

Amy•130
@aeposten
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

I used this resource when learning how to position the SVGs for the background. https://www.svgbackgrounds.com/how-to-add-svgs-with-css-background-image/

I'm wondering if this is the best method.

Community feedback

  • バレンタイン 😈•64,190
    @VCaramesPosted almost 2 years ago

    Hey there! 👋 Here are some suggestions to help improve your code:

    • The profile images alt tags need to be improved. It should state the following; “Headshot of -person’s full name-“

    More Info:📚

    Headshot Alt Text

    • The only heading in this challenge is “Victor Crest”. Everything else should be wrapped in a paragraph element.
    • The statistics are a list. They need be created using the Unordered List along with the List Element.

    More Info:📚

    MDN <ul>: The Unordered List element

    If you have any questions or need further clarification, feel free to reach out to me.

    Happy Coding!🎄🎁

    Marked as helpful
    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