Learn HTML by Building a Cat Photo App - Step 6

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
In the previous step, you put the h2, comment, and p elements inside the main element. This is called nesting. Nested elements should be placed two spaces further to the right of the element they are nested in. This spacing is called indentation and it is used to make HTML easier to read.

The h2 element and the comment are indented two spaces more than the main element in the code below. Use the space bar on your keyboard to add two more spaces in front of the p element so that it is indented properly as well.

  **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 (X11; Linux x86_64; rv:103.0) Gecko/20100101 Firefox/103.0

Challenge: Learn HTML by Building a Cat Photo App - Step 6

Link to the challenge:

2

The html is broken because of the extra space added between the left angled tag brace ‘<‘ and h2.
Reset the exercise and reload the browser and then only change the line with the p tag on it.

3

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