Need help on step 12

HTML-CSS
1

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:

2

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.

3

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.

image
image1060×122 10.5 KB

4

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!

3 Likes
5

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