Learn HTML by Building a Cat Photo App - Step 17

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>

<!-- User Editable Region -->

      <section>
        <section>
        <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>
        </section>
      </section>
      
      

<!-- User Editable Region -->

    </main>
  </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 17

1 Like
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

Hello! Welcome to the forum.
Remember next time to try describing your issue.
Great job on your code so far.

You section opening element is nested in your other section. Move one of the opening section element tags to directly before the last closing section tag.

1 Like
4

Hi

what step is this and i will see if i can help in anyway possible thanks.

Ian

1 Like
5

the step is written in the template infos

2 Likes
6

got it you need to make a new section below the first section for example

<body this is just an example mind and ignore what i have put inside the section and make a completely new section and it will pass thanks <then this is the new section below the other section tag thanks

Ian

1 Like
7

Hello @bhoomimithas22 !

It appears there was misunderstanding of the instructions.

The new section tags should be entered together below the closing section tag of the existing section.

Example using article tags:

<article> 
<p></p>
<p></p>
<p></p>
</article> 
<article></article>

In this example, the article tags are like the original section tags, and the p elements are everything nested within the existing article tags.

Notice how the new article is entered below the closing tag of the exisiting article.

3 Likes
10

Hello,
thanks. please kindly explain why the section tag is double from your last example.

1 Like
11

Hello!

If we look at the example, where the article tags are used in place of the section tags.

<article> **opening tag**
<p></p>
<p></p>
<p></p>
</article> **closing tag**
<article></article>  **new article**

We notice, the closing of the first one. We are asked to enter the new section below the first section.
In the example, the new article tag has been placed below the closing tag of the first article. This would be the same as placing the new section tags after the first section.

When we are asked to enter any code below another code, we always need to find the closing tag of the original code.

Example:  Enter a new label element with a nested input element below the paragraph one.  Then, enter a new paragraph tag below the label.



<p>Learning to code is fun.</p>
<label> Opening label
<input>
</label>  Closing label
<p></p>   New paragraph

If we had entered the new p element before the label closing tag, it would still be within the label, instead of outside it.

I hope this helps you understand.

Wishing you good progress on your coding journey. :slightly_smiling_face:

2 Likes
12

@GrannyIsA-Dreamer has explained but I feel this isn’t the right place to talk about this, if you have a problem create a new topic and you will be assisted in any possible way.

13

Hello Abby,
am only following an instruction that came up when i requested for help as seen below

“If you’ve already tried the [Read-Search-Ask] ) method, then you can ask for help on the freeCodeCamp forum.
Before making a new post please check if your question has been answered on the forum”
my questions has already been answered in this post so why should i create another one? please kindly advise

Before making a new post please check if your question has already been answered on the forum.

1 Like
14

Hello Created-Unique,
thanks for the explanations, i really appreciated your kind guesture.

1 Like
15

Hi @bikewun!

If you don’t found your solution in the existing topic on the forum, in that case you need to create your own topic to the challenge step.

1 Like
16

Exactly!
@bikewun
That’s what I mean. If you haven’t found a solution to your challenge you are expected to create a new topic.
And if you find a topic of someone else that relates to your area of concern, take a look at it and if it still doesn’t satisfy you CREATE A NEW TOPIC.

1 Like