I'm still baffled with the child element, I'm not confident with how it looks like nor am I sure where to put it

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 -->
 <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/103.0.0.0 Safari/537.36

Challenge: Step 6

Link to the challenge:

The </main> tag should be on its own line. And the child lines (the three in the middle) should be indented two spaces more than the main tags (because they are children).

1 Like

Just to be clear:

<div>
  <h3>Hey!</h3>
  <p>ribbit</p>
</div>

Here, the h3 and the p are both children of the div because they are wrapped inside it. The h3 and p are siblings. The siblings are at the same indent level and children are always at a deeper indent level. We’re calling an indent two spaces, which is pretty common.

1 Like

thank you, I’ve already followed your instructions however it still says ‘‘your h2 element should be below the main element’s opening tag and its opening tag should start 6 spaces over from the start of the line’’ Is there something else wrong with my code?

Show us your most recent code.