Lesson 12 struggles

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I can’t get past the lesson 12. Struggling to turn the cat photo into a link using the (a) attributes.

  **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 cat photos.</p>
    <a href="https://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 (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:

HI, I am stock in lesson 12. Struggling to turn the ‘‘cat photo’’ into a link. [quote=“phraewa.367, post:1, topic:516914, full:true”]
Tell us what’s happening:
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 -->
    <p>Click here to view more cat photos.<a>href="https://freecatphotoapp.com">catphoto</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/537.36 (KHTML, like Gecko) Chrome/102.0.5005.61 Safari/537.36

Challenge: Step 12

Link to the challenge:

[/quote]

2

Hi, @ovienicholas99

and, welcome to the forum.

for this challenge you need to remove the text below your p element, and wrap it’s anchor elements around cat photos in the p element.

3

Hi massih,

I have done that but not getting it. Do I replace the freecodecamp.com text with cat photos and the place it with the p element? And how do I close it? Some of the errors I get is that only one anchor element is required and also omitted text in the link or typo.
I would be glad if you can share the process with me. Thanks

4

This is what I did:
<p>Click here to view more <a href="https://cat photos."></a></p>
Error I am getting:

Hint

The link’s text should be cat photos. You have either omitted the text or have a typo.

5

Hi again, wrap the text cat photos with anchor elements like this.

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

HI, Massih
Thanks got it, appreciate.

2 Likes
7

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