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

HTML-CSS
1

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:

2

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
3

Thank you so much. Let me give that a trial

4

Screenshot_20220707-134324_Chrome
Screenshot_20220707-134324_Chrome720×1600 143 KB

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

5

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
6

Thanks a lot. I am grateful

7

Screenshot_20220707-135753_Chrome
Screenshot_20220707-135753_Chrome720×1600 133 KB

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.

8

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:

Screenshot 2022-07-07 153829
Screenshot 2022-07-07 1538291426×337 30.1 KB

9

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