question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Affected page

https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/add-images-to-your-website

Your code

<h2>CatPhotoApp</h2>
<main>

<img src="https://www.freecatphotoapp.com/your-image.jpg" alt="fcc-relaxing-cat">
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

Screenshots

image

Additional context

Could we change this sample image to something that is obviously not a cat so that users have a more obvious clue that they are using the wrong url for their src attribute? Maybe a nice picture of our logo or a camperbot?

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:3
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
naomi-lgbtcommented, Apr 1, 2022

I’d be in favour of that.

0reactions
naomi-lgbtcommented, Apr 4, 2022

Going to go ahead and open this one up for contribution.

The referenced example image is found in this repo: https://github.com/freeCodeCamp/freeCatPhotoApp

And can be replaced with this image: https://github.com/freeCodeCamp/cdn/blob/main/build/platform/universal/logo-512X512.png (make sure to keep the your-image.jpg filename so the links in the curriculum still work.

Read more comments on GitHub >

github_iconTop Results From Across the Web

500+ Sample Images | Download Free Pictures & Stock ...
Download the perfect sample pictures. Find over 100+ of the best free sample images. Free for commercial use ✓ No attribution required ✓...
Read more >
1,000+ Free Sample & Png Images - Pixabay
1,963 Free images of Sample ... Select a sample image to download for free. High resolution picture downloads for your next project. ......
Read more >
Free Sample Photos - Pexels
Download and use 1000+ Sample stock photos for free. ✓ Thousands of new images every day ✓ Completely Free to Use ✓ High-quality...
Read more >
Sample images download - File Examples
JPG JPEG (Joint Photographic Experts Group) Select file size & download PNG Portable Network Graphics Select file size & download GIF Graphics Interchange Format Select...
Read more >
Lorem Picsum
The Lorem Ipsum for photos. · Easy to use, stylish placeholders · Specific Image · Static Random Image · Grayscale · Blur ·...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found