Learn HTML by Building a Cat Photo App - Step 12

I can’t understand how to nest within p.

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

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

Link to the challenge:

hello and welcome to the forum.

The word ‘nest’ means to ‘put inside’.
For eg. if you look at your code right now (as seen above), you will see that there is a number of lines of code indented to the right a bit. These are all inside the <main></main> element at the moment.
And again, the h1 and main elements are indented as well because they are also inside the body element.

So nesting means to add some code in between two tags of the same element (the opening and closing tags of the same element)

1 Like