Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:
I can’t figure out the error. I keep getting → Your img element should be nested within the anchor (a) element. The entire img element should be inside the opening and closing tags of the anchor (a) element.

  **Your code so far**

<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>
    <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
    <a target="_blank" 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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hi there, welcome to this forum!

Did you need help understanding something? Please edit the post so we can understand what you are considering or needing help with.

3

still figuring out the kinks of how to post a question properly. Sorry about that!

1 Like
4

no worries, same here. You just have to type over the part that says “Tell us what’s happening” (it is editable)

5

your anchor tags look good and their placement is also good.
The problem is that you’ve modified the img element and broken it in the process.
I suggest you restart the step and copy the anchor opening tag from above to the left of the img and the closing tag to the right (without touching any other code)

1 Like
6

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