Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
what is the wrong here???

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

<!-- 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/117.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hello!

Remove any unnecessary spaces, and the one before the closing anchor.
The closing anchor is not correct.

compared to the correct one

Happy coding!:slight_smile:

3

You will not pass this step unless the p element is all on one line. Do not add line breaks in it.

4

still not working

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
            <p>See more<a href="https://freecatphotoapp.com">cat photos.</a>in our gallery.</p>
      <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>
5

Suggestion:

Reset the step and enter the anchor, but without adding any exta spaces, nor pushing the enter. You have the right way to do it. The closing anchor error we all have done at some point.

6

If you reset the step, and get the provided p element text, then, only enter the anchor with the opening one touching the text cat and the closing one touching the text photos. Leaving a space after the closing anchor, it should pass for you.

8

same problem bro

Capture.PNG
Capture.PNG1915×826 245 KB

10

i fixed it it should be like this

<p>See more <a href='https://freecatphotoapp.com'>cat photos</a> in our gallery.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

watch the space before in out gallery

1 Like
12

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