Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I am unable to proceed from step 12 where am adding anchor (a) in element p
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://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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

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

Link to the challenge:

2

You have gotten 80% of the challenge.
Read the instructions of the step 12 challenge very well (carefully) and you will figure it out.
It is clearly stated there.

If still can’t figure it out, hit the reply button and I’ll give you another hint that will bring you closer to the answer.

3

I will keep trying but, I have been at it for hours.

4

I am sorry for that. Please try again, don’t give up.
It will be better reward if you figure it out yourself.
Just use five minutes and think about the solution and if you still can’t figure it out you let me know.

5

While you are doing that, remove the equal sign you included in the text.

6

Should I totally remove the

7

Please kindly complete your sentence.

8

I’m getting more confused.

9

I am sorry for that

Focus on this quote above.

Remove the equal sign that is here “> **=**See”

Change this :point_up_2: to the link given to you in the instruction.

The add the :point_up_2: missing text that supposed to be between the forward and backward arrows in quote above

10

Despite all your instructions, I am not getting it right.

11

Don’t give up please,
reset that particular challenge by clicking on the rest button below it.

Now, pay attention.
The challenge is the same with the previous challenge 11, except that challenge 12 want you to wrap the anchor tag around the text “cat photos” by so doing you turn the text in a link just as you did in challenge 11 .

Focus on this part of the instruction below:
" In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a ) tags around these words."

12

Still stuck , so am supposed to add element (a) around cat photos.
I can’t remember them.

13

Yes, as well as include

in the “href” attribute in the opening (a) tag.
Just look at the previous challenge and you will understand it.

14

One more question, what about the http…
Do I add that still?

15

Yes, follow the instructions of the challenge. It is required.

16

In the future, its better to keep sharing your updated code so we can see what you are trying to do based on the suggestions provided. It would make things a lot easier for us and you.

17

I still can’t get through.

16881402961061128530189415787043
168814029610611285301894157870431920×1446 117 KB

18

replace “https:cat photos” with :point_right: “https://freecatphotoapp.com”
then close the space between “>” and “cat”

19

I feel like a dummy.

1688141584298443483097541594233
16881415842984434830975415942331920×1446 173 KB

20

No problem.
Don’t feel bad about it you are almost there.

Now kindly read my previous reply in quotes below :point_down:and compare it with what you have. Check every single character.

Also, always read the Hint that pups-up each time you hit the Check Your Code button. I believe you supposed to have something exact below :point_down:

The link’s href value should be https://freecatphotoapp.com. You have either omitted the href value or have a typo.