Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Any tips for this.im trying to create a link for the cat photos on the(p) value.

  **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>
    
    <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/105.0.0.0 Safari/537.36

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

Link to the challenge:

2

Your code currently renders like this probably:

"Click here to view more cat photos" cat photos

But this step wants you to make the paragraph look like this instead:

Click here to view more cat photos.

So what are the differences we can see between these two lines?

  1. Your code has extra double quotes which were not there to begin with.
  2. The original sentence had a period at the end, but it has disappeared in your version.
  3. The hyperlink in your version is the blue text ‘cat photos’ after the given sentence, while the hyperlink in the requested version is part of the given sentence.

Solutions?
I feel that for #1. and #2, you can probably fix these without help.
As for #3, you must move the starting tag of the anchor tag and place it carefully to the left of the word cat in the original paragraph (you may want to reset the step first)
Then move the closing tag for the anchor to the right of the word photos (but to the left of the period)

Hopefully if you do this carefully enough, you get a working result.

3

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