Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

Tell us :
Describe your issue in detail here.
Hello guys I can’t seem to get the nesting right. I’m trying to turn an image into a link in building the cat photo app. Kindly assist. What am I doing wrong in step 14

  **<a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"alt="A cute orange cat lying on its back"></a>**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
   <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"alt="A cute orange cat lying on its back"></a>
  </main>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:102.0) Gecko/20100101 Firefox/102.0

Challenge: Learn HTML by Building a Cat Photo App - Step 14

Link to the challenge:

2

What is happening when you click the cat photo / image?

3

I get an alert saying, " Normally this link would bring you to another website! It works! This is a link to: (https://freecatphotoapp.com/)"

4

When you click the photo/image it should take you to the linked page - that about it.

5

However, when I check my code I get the notification that, “Sorry your code doesn’t pass. Hang in there.”

6

How can I fix this? I’ve gone over the code several times but I’m just not seeing the mistake.

7

Probably you are not signed into the FCC account (your code is okay). You are seeing similar alert when not signed in:

image
image940×529 107 KB

8

Thank you. You are a dear. That was the issue.

9

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.