Learn HTML by Building a Cat Photo App - Step 4

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
What am I doing wrong? been stuck on this for some days now. It seems as if the free code site isn’t working. It says " Add a comment above the p element with this text:

TODO: Add link to cat photos". I’m doing this and its saying incorrect. Please help
Your code so far

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <h2>Cat Photos</h2> 
      <!--TODO: Add link to cat photos--> 

<!-- User Editable Region -->

  <p>TODO: Add link to cat photos.</p>
  


<!-- User Editable Region -->

  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

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

Link to the challenge:

2

what does the hint say?

3

your comment was ok but it looks like you changed the wordings on the p element too. Try resetting your code and only add a comment above the p element and you should be good to go.

4

Welcome to our community!

Restart step.

In the editor you should see the following line:

<p>See more cat photos in our gallery.</p>

Don’t change the sentence between the ‘p’ tags. Your task is to add a comment with the given text, according to the instruction, above the existing ‘p’ element. As you can see, after restarting the step, you get the blank space above the ‘p’ element for entering the comment.

5

It keeps saying this… Your comment should be above the p element. You have them in the wrong order.

6

Post your code here again.

7

Tell us what’s happening:
Describe your issue in detail here.
See its saying " Your comment should be above the p element. You have them in the wrong order". I’m putting the TODO comment above the p element. I think the site must be having tech difficulties. What do you think?

Your code so far

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <h2>Cat Photos</h2>

<!-- User Editable Region -->

    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos.</p>

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

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

Link to the challenge:

8

I can’t remember why this happens but the text of your p element is incorrect.
Change the text to ‘See more cat photos in our gallery.’
Then submit your code again.

9

That looks like an old answer. These challenges get updated from time to time, so you shouldn’t copy-paste answers you find on the forum.

10

I have the same issue with this question. I have typed in everything as instructed and it keeps telling me that the answer is wrong. I even reset my lessons and started over from scratch. There is something wrong with that lesson. Even after I reset my entire progress in my settings and then redid the first 3 lessons to get a completely fresh start on lesson 4; when I got to lesson 4 it had my comment in the box and then still displayed like I had just checked the answer. I have everything exactly as it says it should be but it is still telling me that I have it wrong

< html>
< body>
< h1>CatPhotoApp< /h1>
< h2>Cat Photos< /h2>
< !—TODO: Add link to cat photos—>
< p>See more cat photos in our gallery.< /p>

< /body>

11

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.