Hi there!
You need to add a second section element below the first one.
Currently you have nested the previous section element within the new section element. You need to add both new opening and closing section tags after your first closing section tag.
You didn’t need to add div element in your code. The instructions is asking you to add section opening and closing tags after the existing section element.
Reset your code and read the instructions carefully, then try again.
<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></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>
</section>
You have add a section opening tag above your existing section tag. Move it below the existing section closing tag. Then add another closing section tag.
A section element consists of an opening tag <section> and a closing tag </section>.
The provided code looks like this:
<section> <== first section opening tag
<h2>Cat Photos</h2>
....
</section> <== first section closing tag
Your code look like this:
<section> <== second section opening tag
<section> <== first section opening tag
<h2>Cat Photos</h2>
....
</section> <== first section closing tag
</section> <=== second section closing tag
What you did was: nest the fisrt section element inside the second section element.
What we need to do is:
add second section element below the first section element.
Like this:
<section> <== first section opening tag
<h2>Cat Photos</h2>
....
</section> <== first section closing tag
<=== ADD THE SECOND SECTION HERE (both opening and closing tags)
You should reset the step and try it again. Happy coding!
