Learn HTML by Building a Cat Photo App - Step 12 - USY7-QOlZ8KeNNyhflwwx

HTML-CSS
1

**Tell us what’s happening:**I am having problem in step 12

Describe your issue in detail here.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <a href>='https://catphotos.com'</a>
    "https://freecatphotoapp.com">cat photos
    <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/103.0.5060.114 Safari/537.36 Edg/103.0.1264.49

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

Link to the challenge:

2

Welcome to the forum!
The below is in correct

Part of your task is:
turn the words cat photos into a link to https://freecatphotoapp.com

If I need to wrap up text into a link I’ll do something like:

<a href="URL">some text</a>
3

Your anchor (a ) element should be nested within the p element.

keeps saying this

4

Need to see your new code to proceed.
You can make your code look like

this

Press ctrl-e when replying to this, you will see what I am talking about.

5 
a herf="https://freecatphotoapp.com">cat photos</a>
6

Ok. This is all line? You don’t need to remove any text from line.
You need to wrap up part of the text in anchor. cat photos is part of the text in our case.
At the start line was:

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

Second.
You have a typo.
Take a look at your task carefully and you’'ll find it. It’s important part of coding btw.

And we also have a second part of task:
remove the old anchor tag and text below the paragraph.

7

The typo was a mistake while highlighting

8

That’s all good. Try to use hints I gave you and let me know how it goes

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

Your code should only contain one anchor (a ) element. Remove any extra anchor elements.

10

E hard o. well well
:sob:

11 
<p><a herf='Click here to view more cat photos'.cat photos</p>
      <a herf="https://freecatphotoapp.com">cat photos</a>
12

Still some mistakes here.
I’ll give you example.

<p>This is bunch of random text. We will wrap up in link this: random stuff</p>

Take a look what I will do here

<p>This is bunch of random text. We will wrap up in link this: <a href="https://.........">random stuff</a>.</p>

And its href not herf. That was a typo

And maybe you need more info about anchors in general:

13

still same. i have tried everything. /:sobs/

14

So where is the new code?

1 Like
15

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