Not quite sure where's wrong

HTML-CSS
1

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

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,
Add two spaces in front of the three child elements of main so your HTML is more readable.
Your code so far

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

</html>

**Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Step 6

Link to the challenge:

2

Hi,

The ul and li elements are for lists. They have nothing to do with code indentation and were just an example of what it looks like.

This is indented code. The child elements are spaced by two spaces from the parent elements.

<main>
  <h1>Hello world</h1>
  <p>I am a paragraph</p>
  <section>
    <h2>Hello moon</h2>
    <p>I am another paragraph</p>
  </section>
</main>
3 
<main>
  <h2> Cat Photos </h2>
  <!-- TODO: Add link to cat photos -->
  <p> Click here to view more cat photos. </p>
</main>

I’m not sure why it didn’t register for me until I did this.
It was 6 spaces before h2 one space in between the comment each side and then do the same to the next two.

4

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