Html practice for an absolute beginer

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 -->
    Click here to view more cat photos.
   <p><a href="https://freecatphotoapp.com">cat photos</a></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 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36

Challenge: Step 12

Link to the challenge:

Hey there! Welcome to the forums! :wave: :slightly_smiling_face:

What seems to be the issue? Any error messages? Something you don’t understand? The more info you give the better we can help!


It looks like the text “cat photos” is rendering twice on your page, and you’ve move “Click here to view more cat photos.” outside the paragraph. You can nest anchors inside paragraphs, so keep your text and you anchor inside it.

Something like:

<p> This is a <a href="whatever_url"> link</a>! </p>

Which renders as:

This is a link!