Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
i have problem with my code i dont know way, need someone to explain to my. please

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>

<!-- 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/119.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

2 Likes
3

You created a new cat photos text, you shouldn’t do that, instead, nest the text in the paragraph element.

2 Likes
4

the link text is supposed to read cat photos while keeping the see more cat photos in our gallery that is what I am trying to acheive in the task 12

5

so you have the same problem ? im stuck in this for a 2 days. :cry:

6

Do you see how you added another cat photos to the end of the text in the p element and then made that a link? Look at your code in the preview pane. You should see the following text:

See more cat photos in our gallery.cat photos

And the cat photos at the end is a link. But the instructions didn’t ask you to add that cat photos at the end. They asked you to turn the existing cat photos in the middle of the p element into a link.

7

not working , because its said i should link the text.

8

Whenever you try something new and it doesn’t work and you want us to help you with it then you’ll need to paste your updated code in here using the following method so we can see it.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

9

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