Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

I don’t know what is missing in topic 12. Where am I going wrong
Describe your issue in detail here.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p> <a href = "https://freecatphotoapp.com"> </a>cat photos</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 (Macintosh; Intel Mac OS X 10_15_7) 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 need to reset the lesson. You deleted a lot of the text that challenge requires. All you need to do in this challenge is put the link around the words “cat photos” in the sentence the challenge gives you.

You should not remove any text from this challenge

3 
<p>See more cat photos in our gallery.</p> <a href = "https://freecatphotoapp.com"> cat photos</a>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

Is this right

4

No, you added the text cat photos on the end. Like I said in my first response, the anchor needs to go around the text “cat photos” in the sentence that the challenge provides you. You dont need to add the words “cat photos” yourself

The link should go around the words “cat photos” in this sentence

5

See more cat photos in our gallery.cat photos

link to cat pictures
6

Screenshot 2023-07-04 at 6.17.39 PM
Screenshot 2023-07-04 at 6.17.39 PM1508×182 39.9 KB

7

As said here you should not be adding the words cat photos anywhere in your code. You need to add the link around the word car photos that the challenge provides you.

8

Tell us what’s happening:
Describe your issue in detail here.

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 in our gallery<a href = "https://freecatphotoapp.com" </a>cat photos </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 (Macintosh; Intel Mac OS X 10_15_7) 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:

9

Hello!
It looks like the words ‘cat photos’ has been removed from within its original place in the sentence.

The opening a element is missing > and the closing a element is out of place.

I suggest resetting the step to get the original text back. Then, you do have the correct idea. Place the open element before the words being linked (in this case cat photos) and the closing anchor behind the words being linked. I think of the anchor as a support with the link before what I am anchoring and its door closing after so only those words or items are within that support.

Example only:

< h1 >Learning to code is < a href = "https… ">exciting< /a >for me. < h1 >

Hope this helps you. Happy coding! :slight_smile: