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

<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 <a href="https://freecatphotoapp.com" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."</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/114.0.0.0 Safari/537.36

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

Link to the challenge:

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

Your code:

if you read the question again slower, it is asking you to nest <img> within <a>

How can you have this whole <img> sending you to a link that you define in <a>?

<img> or other HTML tags cannot have another tag inserted between < and >

nesting is having an element being a “descendant” and the element where the descendant comes from being a “parent”

example of nesting:
`

Hello World

lorem ipsum

`

in the above case <h1> is the parent element and <p> is the descendant element

another way of saying it, <p> is nested within <h1>

nesting in code is expressed by “indenting”:
starting the descendant element 2 spaces forward on the next line