Pls am having issue with sectioning my code

Tell us what’s happening:
Describe your issue in detail here.

   **Your code so far**
<html>
 <body>
   <h1>CatPhotoApp</h1>
<section>
     <main>
     <h2>Cat Photos</h2>
     <!-- TODO: Add link to cat photos -->
     <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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>
   </main>
 </section>
 </body>
</html>
   **Your browser information:**

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

Challenge: Step 15

Link to the challenge:

Hi @Crescent500 ,

The new section element should still be within the main element.

pls explain better am not still getting it

An HTML element is a piece of content in an HTML document and uses the following syntax: opening tag + content + closing tag .

In your code :
<section> : is the opening tag.
All the lines inside are the content.
</section> : is the cosing tag.

The same applies for the main element.

Now, the main element should include the section element, not the opposite.

so my section element should be inside the main element and not outside?

Yes. That’s it. You get it.

yeah ive gotten it ,tanks very much it helped alot

1 Like