Learn HTML by Building a Cat Photo App - Step 6

HTML-CSS
1

Tell us what’s happening:

  1. You should not change the indentation on the line with your comment element. Its opening tag should start 6 spaces over from the start of the line. You can restart the step to restore the original indentation.

Your code so far


<!-- User Editable Region -->

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

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:130.0) Gecko/20100101 Firefox/130.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 6

2

Please 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!

1 Like
3

Welcome to the forum @Farhiya.nuur

Here is a comparison of the original code and your code.

The code in blue is the original code, the code in red is your code.
The code in magenta is the overlap.

image

  1. Please remove a single space before the comment element.
  2. Add spaces before the paragraph element, so that the indentation is the same as the main closing tag.

Happy coding

4

Welcome to the forum @Farhiya.nuur !

Along with the previous good guidance provided, please remove the extra spaces after the <p> opening tag, and before the </p> closing tag?

It is important to never add extra spaces when we are coding.
They can cause the system to think something is missing from the code, and it awaits it. Often times, giving us error messages, we cannot figure out. I have been there often. :slightly_smiling_face:

Wishing you good progress on your coding journey. :slightly_smiling_face: