The solutions of problem that cat image can't display

The lessons’s image src attribute should be “https://bitly.com/fcc-relaxing-cat”.

1 Like

Hi @jiangsaint!

Welcome to the forum!

It would help to see the full code and link to the lesson to better assist you.

At first glance it looks like the url is wrong.

1 Like

Hi @jwilkins.oboe!
Thank your reply!
The link is “https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link” , the following pages which has the same

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">

content also have this problem

1 Like
<h2>CatPhotoApp</h2>

<main>

<p>Click here to view more  <a href="#">cat photos</a></p>

<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

<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>

Here is the solution. Try to figure out what you did differently.

Happy coding!

1 Like

@ozanbaskan
It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

1 Like

Thanks for the feedback, I will improve.

I posted the full answer because of lack of information.

1 Like

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

1 Like

Your task is to nest the img tag inside the anchor tag like the fcc sample.

FCC sample

<a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera."></a>

For future challenges, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

1 Like

So, I can confirm that my country unsupported that link, I’m in china, the Great Firewall forbid this. Actually, it prevent forgein political fake news, speech from subverting the regime, making disaster, but it’s not distinguish very carefully, it’s painfull when you want to learn something.