Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      
      <p>Click here to view more cat photos.<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 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

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

Link to the challenge:

2

Help needed please
it instruct me … After nesting the anchor (a ) element, the only p element content visible in the browser should be Click here to view more cat photos. Double check the text, spacing, or punctuation of both the p and nested anchor element.

3

Don’t add unnecessary things. Restart the step and wrap the existing “cat photos” part of the sentence in ‘a’ tags.
Pay attention to the dot at the end of the sentence. It is not hyperlinked. It should be found between the closing ‘a’ and ‘p’ tags.

4

that means am going to clear out that statement “click here to view more” in number 7

5

The instruction: " In the text of your p element, turn the words cat photos into a link…"
The text stays as it is. Just wrap its “cat photos” in ‘a’ tags.
And, do not delete the given code line given below the one in question:

 <a href="https://freecatphotoapp.com">link to cat pictures</a> ....where is it this line?
6 
  <p>Click here to view more<a cat photos</a>.</p>
  <a href="https://freecatphotoapp.com">link to cat pictures</a>
7

Add the closing angle bracket after the opening ‘a’ tag: <a>

9 
  <p>Click here to view more cat photos.</p>
  <a> href="https://freecatphotoapp.com">link to cat pictures</a>
10

Well, you have posted this code:

 <p>Click here to view more<a cat photos</a>.</p>
  <a href="https://freecatphotoapp.com">link to cat pictures</a>

and I said to add the closing angle bracket after the opening ‘a’ tag: <a>
Take a look at your first line of code shown above “…view more<a …” where is the closing bracket here?

11

im kindof frustrated sighs

12

Be patient, restart the step and do as explained in my last post. There is no need to be frustrated.

13

:sweat_smile: as @DobarBREND said, your anchor opening tag <a has to have a close bracket

14

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