Learn HTML by Building a Cat Photo App - Step 5

HTML-CSS
1

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

Your code so far

<html>
  <body>

<!-- User Editable Region -->

  </
    <h1>CatPhotoApp</h1>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>See more cat photos in our gallery.</p>
    <main>

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

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

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

Link to the challenge:

2

Hi there and welcome to our community!

You should be adding a main element to your code and nesting the h1, h2 and other elements inside it.
This means that you should put an opening main tag on the line before the first nested element and a closing main tag on the line after the last nested element.

Here’s an example of nesting:

<div>
  <h1>This heading element is nested inside the div</h1>
  <p>This paragraph element is nested inside the div</p>
</div>
<h2>This heading element is not nested inside the div</h2>
3

The main element has to get it opening tag before the h1 element and the closing tag should be after the closing tag of the p element