Learn HTML by Building a Cat Photo App - Step 16

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I am returning to coding and have trouble remembering how to do certain things, such as how to nest in HTML. I am instructed to nest my h2, p, and a statements. any help would be greatly appreciated.

Your code so far

<html>
  <body>
  
    <main>
      <h1>CatPhotoApp</h1>
      <elementName>
        <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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.1 Safari/605.1.15

Challenge: Learn HTML by Building a Cat Photo App - Step 16

Link to the challenge:

2

nesting is when you put an element (or more than one element) within the boundaries of another element.
for eg:

<main>
    <p>I'm a nested paragraph</p>
    <h1>I'm a nested header element</h1>
</main>

in this step you are asked to nest some elements inside a <section></section> element.
So reset the code and then identify which lines need to be within the section element and then add your opening tag and closing tag for section in the correct spots to nest those lines.

1 Like
3

thank you for your help, after attempting the problem for a while I finally got it. it was a very simple problem too. again thank you :+1:t3:

1 Like
4

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