Skip to content
Submitted about 2 years ago

Profile Card Component w/ Flexbox

Jack Shelton•210
@thejackshelton
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 decided to set myself on a timer and do this one for fun.

Took me about 30-40 minutes, but I completely screwed up the spacing.

How did I do guys?

Community feedback

  • バレンタイン 😈•64,170
    @VCaramesPosted about 2 years ago

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

    • The background images should be applied using CSS not HTML. You can accomplish this by using the background-image property.

    More Info:📚

    MDN Background-Image

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

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

    Happy Coding!🎄🎁

    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