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

Article-preview-component

@iyanu752

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


images dont appear on my site when ever i host them, please i need help in fixing this, ive tried everything i can from making sure the file directory is correct to making sure all the images are spelled correctly

Community feedback

Aditya Pratapā€¢ 150

@aditya3284

Posted

Hey @iyanu752,

I found your solution in my feed.

You are facing the issue of not able to use images when you host then, i think it is because

šŸ‘‰ you are using the relative address of the images in the src, which is alright, but what happens is that, due to the nature of relative addressing the browser tries to find the images relative to the file, in this case index.html.

But as you have not uploaded the images folder to the repo, its not able to find it, falling back to the alt text of the image.

Solution : Simply added the images folder to the repo, then you favicon, article image and avatar image will work as intended.

šŸ‘‰ Also your accessibility report is showing that you don't have a h1, so try to utilize h1 before using h2.

I hope this helps you.

Cheers

Happy coding šŸ‘

Marked as helpful

1

@iyanu752

Posted

thank you very much, i will try that out in my next project @aditya3284

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