Step 6 HTML elements are often nested within other HTML elements. In the previous step you nested the h2 element, comment and p element within the main element

Tell us what’s happening:
Describe your issue in detail here.
I am confused in step 6.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
     <h2> Cat Photos </h2>
  <!-- TODO: Add link to cat photos --></main>
  <p>Click here to view more cat photos.</p> 
</body>
</html>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.82 Safari/537.36

Challenge: Step 6

Link to the challenge:

Hello @barkha730.

Your ending </main> tag should be in between the <p></p> and ending </body> tag so that it nests/covers the tags inside it (h2 , the comment <!-- --> , and the p tag itself).

Also, the instructions said to indent the elements inside the <main></main> tag by two spaces. You can use the spacebar to do that by pressing it two times or you could press the tab button one time to do that as well. An example would be in this picture:


Hope you understand what I said…

1 Like