Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Please help me with the nesting


Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more cat photos in our gallery.</p>
      <a><See more cat photos in our gallery> <a href="https://freecatphotoapp.com">cat photos</a> is great.</p>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
    </main>
  </body>
</html>

Your mobile information:

WTCELERO5G - Android 11 - Android SDK 30

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

Link to the challenge:

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

this paragraph element is currently plain text (you cannot click on any text within it).
What you are asked to do is add code to make the words “cat photos” become clickable within this paragraph element.

To do that, click Reset first to restore the original code for the step, then add the anchor element’s opening tag to the immediate left of the word cat, then add the anchor closing tag to the immediate right of the word photos.

2 Likes
5

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

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more cat photos in our gallery.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
    </main>
  </body>
</html>
6

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!

7

<p>See more <a cat photos</a in our gallery.</p>

how will i space it

8

you have to write proper HTML tags.

Please review the previous steps on how to write a proper anchor tag.
You can also look at this post:

9

This is meant to be in between the anchor element like sth like this:

<p>little text<a href="link.com">the remaining of the text</a>last text</p>

your little text is “See more” the remaining of the text is “catphotos” and then the last text is “in our gallery”
Hope this helps :smiley:, Goodluck!!

1 Like
10

No , it still doesn’t accept it

11

please read the post I linked to earlier.
If you still need more help, copy all the code and paste it here in your reply between 2 lines as below:
```
three backticks above and below the code
```

1 Like
12

Thank you so much ,I really appreciate

2 Likes