Responsive web design Step 12 help plz

HTML-CSS
1

turn the words “cat photos” located inside “p” element into a link using the same value for the “href” attribute as the link below the “p” element. The “p” element should show the same test in the browser, but the words “cat photos” should now be a link. Make sure to remove the “a” element with the text “cat photos” on the line below the “p” element.

 <p>Click here to view more <a href="cat photos"
 href="https://freecatphotoapp.com></a></p>

<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"></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>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.5 Safari/605.1.15

Challenge: Step 12

Link to the challenge:

2

Hi @FuzzyLumpkns !

Welcome to the forum!

I would reset the lesson because it looks like you have two hrefs here

and it looks like you don’t have any anchor text here

The lesson wants you to wrap anchor tags around the text “cat photos” here

 <p>Click here to view more cat photos.</p>

Give that a try.

You can also read this article for more help

3

Yea but there is 2 links. I wasn’t directed to discard of 1 for the other .- it also states I can’t have to 2 <a

4

Thank you for your help!

5

You understand the lesson now?

6

No I’m just thanking your for response - as is stated I followed the instructions/ and have changed my method multiple times with no success

7

Well let’s clear up a few things.

That is part of the problem.
There should only be one link and one href value.
Not two.

You have placed two href values inside this opening anchor tag here

But that is not correct html.

The answer should only have one href value pointing to this url

As for the anchor text it is supposed to be cat photos

The anchor text goes between the opening and closing anchor tags.

So this part here

make sense?

If you still need more help, then I suggest you read through the article linked earlier

8

You didn’t answer much. It tells me to put “cat photos” as a link but doesn’t say to remove the other already existing link.

9

The last sentence of the directions say this
Make sure to remove the a element with the text cat photos on the line below the p element.

10

I did ! The only time I put cat photo was the first one. I’m confused is there an example existing ??

11

Where your confusion lies is that you put cat photos inside the href here

But I am trying to tell you that is incorrect because you already have another href value

You can only have one href value inside an opening anchor tag like this

<a href="https://freecatphotoapp.com">

Not this

Once you fix that, then you need to place the cat photos text in between the opening and closing anchor tags.

<p>Click here to view more <a href="URL GOES HERE">TEXT GOES HERE</a></p>

Does that make more sense?

12

That’s why I linked the article. :slight_smile:
The article has code examples of how to correctly nest an anchor tag inside a p element.

13

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