Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Not sure how the system wants me to write this code to create a link. The link isn’t created when I follow the instructions and I don’t know why. I have another way of creating the link but the system doesn’t like it.
Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p>See more cat photos in our gallery.</p>
      <p>cat photos <a href="https://freecatphotoapp.com"> 

<!-- User Editable Region -->

      <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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

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

Link to the challenge:

2

The instructions are talking about your FIRST paragraph element. The text contains the word ‘cat photos’ and it is that that you want to turn into a link(like a wiki link).
Remember <a> tags used for creating a link require closing tags and you don’t want the whole sentence turned in to a link.
Change your paragraph to look like this:

Example of paragraph with link:

<p>DO you see this <a href="">LINK</a> here?</p>

Looks like this on the page:

DO you see this LINK here?

Hope this helps!
3

Thank you! but it still doesn’t work :sweat_smile:

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      
      **<p>See more cat photos in our gallery.**
**      <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>

This what I have but it’s still wrong. I’m sorry to bother you.

4

Its not a bother, I’m happy to help.
Reset the step so that you still have the link ‘link to cat pictures’ under your paragraph and then add your tags.

5 
      <p>See more cat photos in our gallery.
      <a href="https://freecatphotoapp.com">link to cat pictures</a>cat photos</p>

Like this? This looked really weird in the browser.
(https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-12)

6

Oops.
I meant that your tags should come inside your first paragraph and around the words ‘cat photos’.
Don’t change the text of the paragraph and don’t touch the link underneath it.
You want to take the existing word ‘cat photos’ and turn only that into a link by surrounding it in opening and closing a tags.
EX:

<p>This is a paragraph whith a <a href="">LINK</a> inside it.</p>

Here is more on linking words in paragraphs:

It should ultimately look like this:

Click here to view more cat photos in our gallery.

link to cat pictures

Remember that spacing matters.
Hope this helps and let me know if it works.