Beginner, cat photo app, level 12... lack of information

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
The lesson says to use the same value as the href= on the line below


… the hint says the links text should be cat photos, I have either omitted or have a typo…
I found out what the problem is, but there is no indication up until this point this value is equal to or even exists can you spot the typo?

  **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 <a href="cat photos".
     href="https://freecatphotoapp.com">cat photos</p></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/102.0.5005.63 Safari/537.36 Edg/102.0.1245.33

Challenge: Step 12

Link to the challenge:

Spoiler alert the first hrev should actually be just ref= (which is a value that both exists and is equal to href…) maybe an update for this lesson might be in order.

2

This should be deleted. It was not part of the instructions to add two href or set one href to this value.

3
Summary

turns out it was ref=“cat photos” I had no idea that ref= was a thing or equal to href= :sweat_smile:

4

No. There should not be a ref attribute. It is unnecessary to add a ref attribute. You just needed to remove the bad href attribute you added. You should only have one href attribute in an anchor element.

Changing the bad href attribute to a ref attribute only works because ref is not an actual attribute so your browser is ignoring it.

5

ah i see, it’s amazing the “cat photos” before href= still works, is that due to the <a…> anchor?

6

image
image946×748 255 KB

Check out the link it tries to take you to when you hover over with both the good and bad href attribute. The second one is ignored and the bad href attribute makes a bad link that can’t be followed.

7

Ah, thank you. when selected it says “it works” either way, I didn’t notice the address page changes, I guess I should be a bit more observant.

8

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