Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Am trying to do this below pasted step am unable to solve this. Please help me to achieve this ( the error is “after nesting the anchor (a ) element, the only p element content visible in the browser should be See more cat photos in our gallery. Double check the text, spacing, or punctuation of both the p and nested anchor element.”)

cat photos

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">cat photos</a>
   </p>

     

<!-- 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

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

Link to the challenge:

2

You deleted all of the old content from the p element. Don’t do that. Only add the opening and closing anchor tags.

3

I added the old content from the p element but still it throws the same error.

4

I would reset the code for the step and delete nothing.

5

yes, please reset the code for the step and let me know . I will try again

6

hi ,
Mod edit: code removed

8

@saleem.arwadi

Please dont try to give the code to pass the challenges

thanks

9

sorry didnt know that

1 Like
10

Still i didn’t get that

<p><a href="https://freecatphotoapp.com">cat photos</a></p>
11

Where’s all the other text that was in the p element?

12

Welcome to the community!

Here is an example of how it should appear using different tags, though.

Example: Anchoring red dog in the h1 statement

< h1> The big < opening anchor here> red dog< /closing anchor here> ran after the speedy kitten!< /h1>

Here is a great article that explains clearly and provides great examples on how to turn text and images into links.

1 Like
13

Hello ,

I was in Step 56 . Please help me to fix the issue
Loving

ERROR: There should be a space between your checkbox and your new label element.

1 Like
14

Could you please post a new request using the Help at step 56 so we can see your code and assist you with guidance?

You are doing great! :slight_smile: