Learn HTML by Building a Cat Photo App - Step 15

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

my problem is that i dont know how to sektion, and i am in th 16 step

<html>
  <body>
    <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>

<!-- User Editable Region -->

      <img <a src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" ></a>   alt="A cute orange cat lying on its back."   


<!-- User Editable Region -->

    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

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

Link to the challenge:

In the future, make sure you use the Help button for the step you are actually on.

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

Can you explain what you don’t understand about these instructions?

Welcome to the community!
To nest anything is to place it within other tags. Examples of nesting from you own code are:

<html>
  <body>
    <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>

<!-- User Editable Region -->

      <img <a src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" ></a>   alt="A cute orange cat lying on its back."   


<!-- User Editable Region -->

    </main>
  </body>
</html>

Everything in this code is nested within the html tags.
To complete the section nesting, it is necessary to place the opening and closing tags so the required elements h1, h2, p are within the tags.
I suggest looking closely at how each element is nested within the others. Notice how the elements are within the main element in your code.

I hope this helps you.
Happy coding!

2 Likes

I dont understand what nesting is and i cant make it, plus that i dont know how to sektion, like what do i write for it to become a section, like how to do a sektion element?

Nesting is placing within tags.

In this code, the word CatPhotoApp is nested between the h1 elements.

For the step it is asking you to place the h1, h2 and p elements within the section elements.

< element >
< h3 > Most dogs bark loudly < /h3>
< div> The truth of the matter is life is blessed! < /div>
< img>
< /element>

The elements signify the section placement. The other elements within signify the h1, h2 and p elements.
I hope this helps you.

Happy coding!

1 Like

Here is an example from the step showing the tags nested within the main.

<main>
  <h1>CatPhotoApp</h1>
  <h2>Cat Photos</h2>
  <!-- TODO: Add link to cat photos -->
<p>See more cat photos in our gallery.</p>
</main>

Section would look the same as the opening main element, and be placed just below the first main and above the last, or closing, main.

1 Like

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