Build a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

see more cat photos in our gallery

why is this not working for step 12 .

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Everyone loves cute cats online!</p>

<!-- User Editable Region -->

 <p>
   see more     
   <a href="https://freecatphotoapp.com">cat photos</a> in our gallery
   </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/137.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 12

2

You must do exactly and only what the instructions say

Add the words See more before the anchor element and in our gallery after the anchor element.

3

Hi. Are you asked to add a p element. The tests are case sensitive including spacing. Check the text you added.

4

the question is Add the words See more before the anchor element and in our gallery after the anchor element. i used the p element to insert the words. i have also tried to fix the spacing. but code not accepted message still appear.

5

what is your updated code?

6

The instructions did not say to add a p element, so you should not add a p element.

7

I have tried to write the code exactly as you suggested but still not working. but i can see on the right corner that the out put is working fine . but I couldn’t get passed step 12.

8

Please post your latest code.

9 
<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Everyone loves cute cats online!</p>
    see more  <a href="https://freecatphotoapp.com">cat photos</a>in our gallery
      <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>
10

I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

11

Your text:

The instructions:

I see two differences.