Need help on step 12

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

The hint says that " 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." How do I do that?

  **Your code so far**

<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>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36 OPR/86.0.4363.64

Challenge: Step 12

Link to the challenge:

Hello,
Welcome to the Forums :wave:


Look at the preview you will be able to see Click here to view more cat photos. cat photos , there is an extra cat photos. in your p element.

Hello! I decided to just reset the step because, I didn’t understand where the extra cat photo is and I’m still having trouble passing this step.

HI @divajc77 !

Welcome to the forum!

The goal of this lesson is to learn how to nest links inside paragraph tags and turn text into links.
The words cat photos are meant to be the link.

With your current code, you have this result.
Screen Shot 2022-05-30 at 10.59.24 PM

But the correct result should produce this
Screen Shot 2022-05-30 at 10.59.56 PM

You are close but you will need to remove the extra cat photos text that appears in your answer.

Try editing your answer so it produces the correct result I showed you.

Hope that helps!

2 Likes