Submitted 7 months ago

Social Links Profile Card, using HTML, CSS and Flexbox

KENDRA•50

@KNWard

Preview site View code

This is a solution for...Social links profile

HTML
CSS

1newbie

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

Leon Potgieter•290
@leonp84Posted 7 months ago
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
@KNWardPosted 7 months ago
@leonp84 Thank you!
0
Abdallah Ali•300
@boda0077Posted 7 months ago
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
@KNWardPosted 7 months ago
@b0da2003 Thank you!
0

Please log in to post a comment

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