Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
I don’t understand why it won’t let me go to the next step, I’m supposed to nest my p element with my a element, but when I nest it I get this error: Hint
After nesting the anchor (a) element, the only p element content visible in the browser should be Click here to view more cat photos. Double check the text, spacing, or punctuation of both the p and nested anchor element.

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more cat photos.
        <a href="https://freecatphotoapp.com">cat photos</a>
      </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>

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

Link to the challenge:

2

you deleted a line of code that you need.
Restart the step and modify only the paragraph line (do not delete anything, just add)

1 Like
3

Hello, I already restarted the lesson and I did what you told me and I don’t know what is wrong in the code since I only modified my p element and it gives me the same error

4

okay show me the code now please?

5

I did this by just removing my a element and modifying my p element:

<p>Click here to view more cat photos.<a href="https://freecatphotoapp.com">cat photos</a></p>

6

you’re not supposed to remove any code.
Just add code.

The final result for this paragraph should be that the last 2 words are clickable.
Click here to view more cat photos.

(check your preview pane, if the sentence is not showing up like this, restart the step and add code to the paragraph element only to make the words clickable)

7

Ok, I already understood what I was doing wrong, thank you very much!

8

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