Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social Links Profile Card, using HTML, CSS and Flexbox

KENDRA 50

@KNWard

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

This is the quickest I was able to complete a project/challenge. It was very simple and straight to the point.

What challenges did you encounter, and how did you overcome them?

I did not encounter any issues. However, when I got to my live site, the image does not show, just the alt text. It is upsetting because I know it works.

What specific areas of your project would you like help with?

None.

Community feedback

@leonp84

Posted

Hi Kendra, looks very nice. Your profile photo is not displaying because the wrong file path is being called in index.html

On line 13: <img src="/assets/images/avatar-jessica.jpeg" alt="Photo of Jessica Randall">

I think adding a . before /assets should do the trick.

Marked as helpful

0

KENDRA 50

@KNWard

Posted

@leonp84 Thank you!

0

@boda0077

Posted

Hi @KNWard ,

wonderful job there you got the same design i see the path of the img are wrong this what you did

<img src="/assets/images/avatar-jessica.jpeg" alt="Photo of Jessica Randall">

what you need to add is . before /assets like that

<img src="./assets/images/avatar-jessica.jpeg" alt="Photo of Jessica Randall">

try this will display the img .

hope i helped you even a little bit

Marked as helpful

0

KENDRA 50

@KNWard

Posted

@b0da2003 Thank you!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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