Learn HTML by Building a Cat Photo App - Step 17

Tell us what’s happening:
Describe your issue in detail here.
how can we nest section element

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>

<!-- User Editable Region -->

    <section>
        <section>  
        <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>
        <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>
        <section>
    <section/>
      
      

<!-- 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 17

Link to the challenge:

nesting and embedding are terms used a lot.

As far as I can tell they mean the same thing. Put one inside the other.

You currently have one section nested within another.
However It would seem this step only asks you to place another section ‘bellow’ the one you already have.

remember the section tag comes in pares, an opening tag <section> and a closing tag with a /.

</section>

When freeCodeCamp introduces you to something new, its often helpful to put it into a search engine to get more information about the tag with some code examples.
For example you could search ‘<section> HTML’

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