Build a Cat Photo App - Step 19

Tell us what’s happening:

I think i did as I should be told but i can’t get it

Your code so far

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

<!-- User Editable Region -->

      <section>
      <section>
        <h2>Cat Photos</h2>
        <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
        <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>
      </main>
      </body>
      </html>

      

<!-- 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/140.0.0.0 Safari/537.36 Edg/140.0.0.0

Challenge Information:

Build a Cat Photo App - Step 19
https://www.freecodecamp.org/learn/full-stack-developer/workshop-cat-photo-app/step-19

Hi @Kuro2

Looks like there is a double up on section tags.

One section element is nesting the other section element.

Try placing the new section element after the first one.

Happy coding

can you explain in finer detail please.

It is time to add a new section. Add a second section element below the existing section element.

You are asked to add a new section element to the main element.

Placing an element around existing code, is called nesting.

The new section element goes after the first one, for new content.

Question: Can you start the same element twice?

yes you can, it means there are two elements of the same type nested one in the other

Hi buddy, You just put the section twice, This should be one time only…