Learn HTML by Building a Cat Photo App - Step 16

HTML-CSS
1

I am unsure of how to nest h2 , comment, p , and anchor (a ) elements in the section element. Can someone please provide an example of where the codes should be placed? (i.e. wrapping them with an opening and closing ‘section’ tag) I am still unclear from the directive provided, and I am unsure of what the named elements are as will as how to identify the ‘section’ element ( I have not attempted a code because I am unsure of how to proceed).

<html>
  <body>
  
    <main>
      <h1>CatPhotoApp</h1>
      <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>
  
  </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/15.6.1 Safari/605.1.15

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

Link to the challenge:

2

in this code snippet, you have a main element which nests an h1, h2, a comment, a p and an anchor element.

Just like main nests all of these, section must also nest them in the same way but minus the h1.

3

Would this be correct?

Screen Shot 2022-12-13 at 11.07.55 PM
Screen Shot 2022-12-13 at 11.07.55 PM793×425 78.9 KB

4

I can’t see all your code in the screen shot. It is better to copy it and paste it in here as text.

Make sure you haven’t deleted anything…

5

The instruction is very clear. Make sure h2 p and a elements are wrapped in or nested in a section element

6

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