Please I need help on Step 12

HTML-CSS
1

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

  **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 target="_blank"href=>"https://freecatphotoapp.com".</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 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.5 Safari/605.1.15

Challenge: Step 12

Link to the challenge:

1 Like
2

I tried so many times step 12 can’t pass ,

3

This is one of the hints , The link’s text should be cat photos . You have either omitted the text or have a typo.

5

your anchor tag needs to be nested somewhere within the context of “click here to view more cat photos”, theres more to it but that should put you on the right path

6

Hi @Wmheg61

I hope you got it already, just in case.

<p>
This is text, <a>this is text inside a p element and is also a link</a>
</p>
<p>
This is another text, <img  src="workplace.jpg" alt="Workplace">the image before is also a link</a>. I hope this examples will help you to understand the anchor element syntax.
</p>

The p element is a block element (it sits in a new line, because it takes all the available space, from left to right)
and the anchor, a, element is an inline element (like a word or a white space, it sits side by side with other words and inline elements, and only takes the space that its content needs).
References:

Happy coding! :muscle: :sunglasses: :hugs:

7

Yes , I got it, thanks a lot.

8

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