The code is not what is needed but I have put the main above the h2 and I have put 6 space at the beginning of the line

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> 
   <!-- TODO: Add link to cat photos -->
   <ul>
     <li> Child Eelement 1</li>
     <li> Child Element 2</li>
     </ul>
<p>Click here to view more cat photos.</p>
    </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

Hi @ gatimukelvin, and welcome to the forum!

These lines of code

<ul>
     <li> Child Eelement 1</li>
     <li> Child Element 2</li>
</ul>

are just an example of how to indent code in general.

You don’t need to add them to your code.

The instructions want you to add two spaces in front of the children of the main element - that’s the three elements between the opening and closing tags of the main element.

It would probably be a good idea to reset this step, so that you can start again using the original starter code for this challenge.

3

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