Learn HTML by Building a Cat Photo App - Step 16

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
Im learning HTML and started a course.
I have googled andtried alot of placements for
se task underneath and code.
Before adding any new content, you should make use of a section element to separate the cat photos content from the future content.

Take your h2, comment, p, and anchor (a) elements and nest them in a section element.

Your code so far

<html>
  <body>

<!-- User Editable Region -->

    <main>
      <h1>CatPhotoApp</h1>
          
    
      <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>
      
      <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>

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 16

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

you need to nest this code into “section” element. Remember “section” element is not self closing. Lemme know if that fixed your problem :slight_smile:

4

Welcome to the forum

The instructions are asking you to place a section element around the h2, p, and a elements.

This is called wrapping or nesting. It means one or more elements are placed between the opening and closing tags of another element.

Happy coding

5

How do I nest them together

6

Nesting it by adding opening main tag above your h1 tags line and closing main tags below your a tags line.

2 Likes
7

Thank you that was the info I needed to pass to the next step

8

Thanks Hasan, you helped me again.

1 Like