Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
In this code i have to do this “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.”
but not got it exactly

  **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 cat photos
    <a href="https://freecatphotoapp.com">cat photo</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/104.0.5112.81 Safari/537.36 Edg/104.0.1293.54

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

Link to the challenge:

2

At the start of the step you had this:

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

So you need to make cat photos in the first line a link. And remove the second line.

The thing is: second line in this code is a major hint itself. It’s an example of a link.

You need to replace words cat photos in the first line with the whole second line

But you need to do it carefully, do not change any other parts of the first line.

3

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