Please tell me what's happening in my code

HTML-CSS
1

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

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
  <h2>Cat Photos</h2>
  <!-- TODO: Add link to cat photos -->
  <p>Click here to view more cat photos.</p>
  <ul>
    <li>Child Element 1</li>
     <li>Child Element 2</li>
  </ul>
  <ul>
    <li>Child Element 3</li>
     <li>Child Element 4</li>
  </ul>
  <ul>
    <li>Child Element 5</li>
     <li>Child Element 6</li>
  </ul>
  <ul>
    <li>Child Element 7</li>
     <li>Child Element 8</li>
  </ul>
  <ul>
    <li>Child Element 9</li>
     <li>Child Element 10</li>
  </ul>
  <ul>
    <li>Child Element 11</li>
     <li>Child Element 12</li>
  </ul>
 
  </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/102.0.0.0 Safari/537.36

Challenge: Step 6

Link to the challenge:

2

All that “Child Element” was was for the example to explain indenting to you. You weren’t supposed to add it to the code. You weren’t supposed to add anything.

The instructions say:

Add two spaces in front of the three child elements of main so your HTML is more readable.

This is the starter code:

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

Notice that the h2, the comment, and the p are at the same indent level as main. They shouldn’t be, they are nested inside main, or they are “children” of main, so they should be indented relative to it. On this project we are indenting two spaces. Follow the instructions.

1 Like
3

thanks for the your’re instruction sir !, i can do it :smiley:

1 Like
4

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