Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
step 12 is very confusing

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 <a href='https://freecatphotoapp.com'></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/114.0.0.0 Safari/537.36 Edg/114.0.1823.43

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

Link to the challenge:

2

Hi,

it seems that you may have accidentally removed part of the text in the targeted

element when adding the anchor a tags.

  1. I would reset the lesson so the whole/original text in the

    element returns.

  2. Step 12 is asking you to sandwich (one (a) before and after) the words cat photos with anchor (a) tags. Exactly how you did it with the text “link to cat pictures” just below.
  3. Just make sure there’s a space after the bracket of the last (a) tag - so the text is not jumbled together.
3

Screenshot_20230612_151623_Chrome
Screenshot_20230612_151623_Chrome1080×2400 164 KB

Why it be like this? I can’t continue coding

4

Hi,

I’m not sure you have sent the right screenshot, as it seems that you haven’t changed anything from the previous step.

You need to sandwich the words “cat photos” in line 7 with <a> anchor elements. (One before, and one after the targeted words) Once you have done this, make sure your first anchor tag has a href attribute with the value given.

5

Please dont use another users topic for help with your own code

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

6

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