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

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>
<li> Child Element 3 </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 (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:

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

the part above is just an example, you don’t need to write it.

-----------------------------------------------------------------

in this step, the main task is to tidy up the visual of your code

you should add 6 spaces for the h2 like the example below

 <main>
      <h2>Cat Photos</h2>

while yours do not have any space before the h2 element

 <main>
<h2>Cat Photos</h2>
1 Like

that’s not work
the question is

n the previous step, you nested the h2 element, comment, and p element within the main element. A nested element is a child of its parent element. It should be indented two more spaces than its parent element to improve readability, like this:

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

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

Hi @nitinsuthar2002
What @muhamad.d said is correct, you do not need to add new elements

this challenge is about making your code more readable by following best practices and indenting the elements within the main element. You should make the code above look(spacing wise only) like

1 Like

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