Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Describe your issue in detail here.
So i did what the lesson said, which was to wrap an anchor tag around two words, in the p tag, but it tells me im wrong, and when i go to the forums its a different answer. I need help. I dont know what do.
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 <a href="https://freecatphotoapp.com"> cat photos </a> in our gallery.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

<!-- 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 (Linux; Android 11; SAMSUNG SM-A125U) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/19.0 Chrome/102.0.5005.125 Mobile Safari/537.36

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

Link to the challenge:

Let’s play a game. “” is not the same as " ". Spot the difference.

It Did not help me answer my problem

1 Like

Think about it. What is the difference that you spotted, and how does it relate to the new text that you added to the code?

Here is another hint:
<element>hi</element> is different from <element> hi</element>. Spot the difference.

I also need help with the same problem.

paste the two lines of code that you have in the editable section here

See more cat photos in our gallery.

link to cat pictures

Try pasting the code by using by placing it between two accents (`). For example:
`… code…`
`…code…`

See more cat photos
in our gallery.

‘…

See more cat photos
in our gallery.

…’

I will make it easier. after you open the reply option, at the top, you will see a icon that looks like </>… Select that option and enter the code where it says Preformatted text. you can also do 3 accents. 3 at the top, 3 at the bottom and then enter the code in-between. so:

```
–code here–

```

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

good. now concerning this, there are two steps that you should take. The first is that you should think about the aelement as a ‘wrapper’ that should wrap tightly around the words/content that is being turned into a link. The a element turns everything that it surrounds into a clickable link (including spaces). So you will need to have the ‘>’ of the opening tag and the ‘<’ of the closing tag touching the words being linked (<a …>example and not <a…> example.

After doing this, take a look at the preview panel. If you are seeing that the word normal text and the link has nospacebetweenthem, then you would need to add space at the correct place. Remember that the space cannot be included in the link! so it will need to be outside the link element.


I copy and pasted the link and deleted the period at the end and did it again.


finally thank youuuu

1 Like

If that doesnt work just reset it again. Np💯

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