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’m stuck as it keeps telling me to have only one anchor tag and remove all other anchor tags. and on the code it keeps saying Your code should only contain one anchor (a ) element. Remove any extra anchor elements.

  **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<a href="https://freecatphotoapp.com"> cat photos.</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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.134 Safari/537.36 OPR/89.0.4447.83

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

Link to the challenge:

2

you are missing the closing anchor tag. The browser doesn’t know what you are trying to do, so it gives you three different anchor elements!

So, remember, always close all elements that are not self-closing.

By the way, this is how the code is rendered:

Rendered code (click to show/hide) 
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more<a href="https://freecatphotoapp.com"> cat photos.</a></p>
    <a href="https://freecatphotoapp.com">
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
    </a>
  </main>
  <a href="https://freecatphotoapp.com">

  </a>
</body>
3

i Just fixed it. Thank you, i tried closing the anchor tag before and it still didnt work but it was because of the spacing, i did a reset and it worked. thank you again.

4

Hello tobyn… I’m quite stuck here as well… can you kindly tell me what you did

5

Hey @Chornnie !

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

6

I closed the a tag and used the proper spacing between the elements