Step 15 ake all the elements currently located within the main element and nest them in a section element

Step 15

Before adding any new content, you should make use of a section element to separate the cat photos content from the future content.

Take all the elements currently located within the main element and nest them in a section element.

  **Your code so far**
<html>
<body>
  <h1>Cat Photo App</h1>
  <main>
    <Section>
    <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> 
    </Section>
    
  </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/100.0.4896.127 Safari/537.36 OPR/86.0.4363.70

Challenge: Step 15

Link to the challenge:

you have used capitalized section tag, they don’t use any tag capitalized although browsers don’t complain about them

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