Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.

Your code so far

i am failing to nest img within the anchor (a)

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

    </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/118.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 15

2

Welcome to the forum

Just a few errors here.
You need to delete the code between the anchor elements. Then move the opening anchor element so that it is infront of the image element. Make sure there is no white space between the angled brackets.

Here is a sample code.

<element attribute=“value”><another-element></element>

Happy coding

3

thank you very much i just started yesterday so i was a bit confused

2 Likes