Learn HTML by Building a Cat Photo App - Step 16

HTML-CSS
1

Tell us what’s happening:No clue what it’s even asking or how to do it

Describe your issue in detail here. Confused x10

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/105.0.0.0 Safari/537.36 Edg/105.0.1343.27

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

Please talk to us about how the instructions or error message is confusing. Thanks

4

Let’s start with what is asking. The requirement says:

Step 16
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.

Can you identify what the h2 is? This is an element that will start and end with <h2> </h2>
Can you identify what a comment is? This will start with <!-- and end with -->
Can you identify what a p is? It is a paragraph surrounded by an opening and closing tags like <p> and </p>
Can you identify the anchors (a)? This will start with opening tag <a> and closing tag </a>.
Once you identify all those lines, place them in a nested (inside) set of tags named <section> </section>

The important lesson to learn here is what’s an element and when you are asked to make one, you must know what to do. This knowledge will be required of you as you move on further into the course. Do not skip it or you’ll feel lost all the time.

5

ohh… so when they say

nest them in a section element

they literally mean <section> </section>

Because for new students (who has zero idea on coding), or at least for me, when they asked me to put it in a “section” element, I was thinking “which ‘section’ are they talking about? does this ‘section’ have a letter or number behind/front of it?” ex; , etc.

6

@tonypark95 Be prepare. There are going to be many situations as you just experienced, as you keep going learning forward. You are being taugh the logic and the syntax in a somewhat terse form for you, at this point. As you continue, you’ll be able to recognize the situation.
For example, I believe that the keyword there was element . Not quite understanding it might had contributed to your interpretation of the word section. But if you have a firm grasp of what an element is, then I think it is not ambiguous and subject to interpretation.

7

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