Learn HTML by Building a Cat Photo App - Step 16

HTML-CSS
1

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

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/112.0.0.0 Safari/537.36

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

Link to the challenge:

2

It doesn’t appear you have made any changes to the HTML. Did you have a question about this step?

3

Então, tá pedindo pra pegar os elementos h2, p e ancora (a) e alinha-los em um elemento de seção.

4

The instructions are asking you to nest the h2, p, and a elements in a section. To nest something means to put it inside of something else. So you are being asked to put them inside of a section.

Notice how the h1, h2, p, and a elements are all currently inside of a main element. In other words, they are all nested inside a main element. You want to do the same thing for the three elements except you are nesting them in a section instead of main.

Be sure not to make any other changes. The only thing you need to do is add opening and closing section tags in the appropriate places. You should not change anything else.

1 Like
5

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