adding child element

HTML-CSS
1

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

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main/>
  <ul>
    <ul><li> Child Element 1</li>
   <ul><li> Child Element 2</li>
  </ul> 
  <h2>Cat Photos</h2>
  <!-- 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 (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 @Mark5 ,

The example given is just there to show the difference between indented code and not indented code:

<ul>                           <!-- This code is not indented -->
<li> Child Element 1 </li>
<li> Child Element 2 </li>
</ul>

<ul>                           <!-- This code is indented -->
   <li> Child Element 1 </li>
   <li> Child Element 2 </li>
</ul>

It makes your code more readable and shows the parent element and child elements.

Now, all you need to do is indent your code to improve readability by only adding spaces (two spaces) before all the elements within main.
Please restart the challenge and try again .

3

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