Learn HTML by Building a Cat Photo App - Step 16

HTML-CSS
1

Tell us what’s happening:

Hey, how can i nest them in h2, p, comment,a into a section

Your code so far

<html>
  <body>

<!-- User Editable Region -->

    <main>
      <h1>CatPhotoApp</h1>

      <section</ <h2>Cat Photos</h2>
      <section</ <!-- TODO: Add link to cat photos -->
      <section</ <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
      <section</ <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>

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 16

2

See how you have all your elements that come after the opening main tag? Then you have the closing main tag after all the elements? All those elements are considered to be nested in your main element because they come between your opening and closing main tags. You do the same thing with the section element, and the elements that need to be nested in your section

3

could you write an example

4

Theres an example in the code I shared in my original post. Look how things are between the <main> and </main> thats nesting. Now look at what the directions say

“Take your h2 , comment, p , and anchor (a ) elements and nest them in a section element.”

So where would you put your opening section tag, and where would you put your closing tag?

5

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