Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

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

Your code so far

click here to view more cat photos<a href=“https://freecatphotoapp.com”
cat photos

I’m on step 12 and currently struggling to progress. I can’t figure what i’m doing wrong. Can anyone please help

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

To get through this step, I need to ask you to click on the Restart Step button because the changes you made are too big to undo easily. (and we need to undo them as required code has been erased).

Then once reset, you will see the following in your preview pane area:

Click here to view more cat photos.

This is just plain text at the moment. We want to turn the last two words into a clickable link though so that the effect should be similar to this:

Click here to view more cat photos.

(if you do this correctly, the last 2 words become blue in the preview pane to indicate they are clickable).

So the steps to get this done require that you use an anchor tag (which you should have seen before in step 10 and 11).

Anchor tags indicate to the browser which area of the html will be clickable and they do it by nesting around the words or elements that will become clickable.
What I mean by this practically is that you must place the opening tag of the anchor element on the left side of the word cat and the closing tag on the immediate right of the word photos, thus surrounding them with the anchor tag.

If you do it correctly you will pass the test. If you are still stuck, respond back to this topic and post your latest code so it can be reviewed.

hope this helps

3

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