I have spent several days on this step and I don't understand what am I missing?

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I can turn the text into a link but I’m having trouble identifying and removing the extra (a) element.

  **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="cat photos">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 (Linux; Android 12; SM-G781U1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Mobile Safari/537.36

Challenge: Step 12

Link to the challenge:

2

Hello there @AMCROY This challenge requires you to nest a HTML element in another element. You are required to nest the anchor tag <a href="https://freecatphotoapp.com">cat photos</a> in the <p> and replace the respective text with the provided anchor tag.

Something like this:

<p>Click this <a href="https://www.google.com"> link </a>.</p>

As you can see the text “link” is the actual link nested in the paragraph. So you are requested to nest cat photos in the paragraph above it.

3

Hey, i can see a couple of errors in your code:

  1. your he href in the <a> tag is wrong, it should be : https://freecatphotoapp.com.
  2. you included the a dot in the link: yours is “cat photos.” and it should be only “cat photos”
4

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