Please someone help, it says Your comment should be below the h2 element and start 6 spaces over from the start of the line. I dont know what to do

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>

    
    <h2>Cat Photos</h2> 
   <ul>
      <li> Child Element 1 </li>
      <li> Child Element 2 </li>
  </ul>
  <!-- TODO: Add link to cat photos -->
  <p>Click here to view more cat photos.</p>
  </main>
</body>
</html>
  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.101 Safari/537.36

Challenge: Step 6

Link to the challenge:

your comment is in the wrong position, you should move it right beneath the

element. the “6 spaces” thing just means that you’re supposed to align the comment so it starts at the same position like the <h2> above it. kinda like this:

      <h2></h2>
      <!-- Comment -->
1 Like

Thank you so much. Let me give that a trial

Hello, I’m still having problems, please what am i doing wrong? Thank you

you should remove the

from your code, I think that that was just an example on how to indent code.

All your elements inside the main tags should start at the same height, like this:

    <main>
      <h2>...</h2>
      <!-- TODO: ... -->
      <p>...</p>
    </main>
1 Like

Thanks a lot. I am grateful

Hello, I’m sorry, i dont mean to be disturbing, however I’ve done what you suggested and I’m still missing something. Please help. Thank you.

to me, it doesn’t seem as if there are only two spaces between the start of the <main> elements and the start of the elements nested inside.

I’d suggest removing the spaces for all five elements (<main>,<h2>, comment, <p>, </main>) so that all of them are at the start of their lines.
then, add exactly 4 spaces in front of the <main> and </main>.
lastly, add 6 spaces in front of <h2>, comment and <p> elements.

or just remove all of them and copy/paste this code (amount of spaces should be correct):

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

that’s how it worked for me anyway.

here, you can see the exact amount of spaces in front of each element: