Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

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

I am currently struggling with step 12 and i have seen your advise to this problem but still ,i can’t go around it.

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>
      <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/109.0.0.0 Safari/537.36

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

Link to the challenge:

2

Your link should be the two words “cat photos” in the middle of this sentence.

The final result in the preview pane is that the words in the middle become clickable

3

Hi @My-3children2021 ,
The anchor tags with “cat photos” <a>...</a> should be included inside the paragraph.

<p> ....... <a href="...">... </a> .... </p>
4

It still wont take Sir but i will keep on trying.

5

It does not pass the test if your output does not match the required one by the challenge
For example, Even a wrong letter in a sentence can fail the test.

In the existing paragraph <p>...</p>, Just WRAP the ‘cat photos’ part with the anchor tag .
Do not add new ‘cat photo’ part.
Also, the anchor tag is placed in the wrong position in your code.

6

Pls post your last attempt in your reply next time if you need help.

7

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