Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
no matter where i place the (a)nchor i keep getting “the p element should ony contain ‘click here to view more cat photos’”

pls help
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 (X11; CrOS x86_64 14989.107.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

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

Link to the challenge:

2

hi there, welcome to the forum.

For this exercise, everything you need to do has to happen inside the p element.
(click on Restart Step to undo all changes as I see you modified another line that needed to stay as-is)

The original paragraph element given is this one:
<p>Click here to view more cat photos.</p>

They want you to make the last --2 words-- of this sentence into a link.

The final result in the preview pane should look like this:

Click here to view more cat photos.

(just the last 2 words are clickable)

To do this, you need to look at how you created the link in previous steps, and do the exact same thing but inside the paragraph element.

1 Like
3

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