Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

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.

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 cat photos in our gallery <a href="https://freecatphotoapp.com">cat photos</a></p>

<!-- User Editable Region -->

      <a href="https://freecatphotoapp.com">link to cat pictures</a>
      <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/129.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

in this line of code, the anchor was meant to be around the first occurrence of the phrase cat photos. You were not meant to add a second occurrence.

3

Tell us what’s happening:

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.

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 -->

      <a href="https://freecatphotoapp.com">link to cat pictures</a>
      <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/129.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

4

You erased the text that was in the p element so this code will not work.
Instead, click the reset button to restore the code and then add your anchor tags around the words without deleting anything.

5

ah well well, thanks a lot,

1 Like
6

please note that you should not open a second topic if you already have one for a specific question or challenge.
I will merge your duplicates in a moment but please don’t do that again.

1 Like
7

you are an angel Hanaa, so I just started crawling into this programming thing, any advise for a newbie

1 Like
8

Get onto the fCC discord and start learning interactively there when you need to have longer discussions or back and forths. Definitely do not run through these steps quickly even if they are easy. Take the time to play with the code and examine your understanding and assumptions about it.

And use google liberally!

1 Like
9

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