Build a Cat Photo App - Step 5

HTML-CSS
1

Tell us what’s happening:

Your main element’s closing tag should be below the p element. You have them in the wrong order.
// tests completed

Your code so far

<html>

<!-- User Editable Region -->

  <body>
 <main>
  <h1>CatPhotoApp</h1>
  <p>This is a cat photo app.</p>
</main>
    <h1>CatPhotoApp</h1>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Everyone loves cute cats online!</p>
    

<!-- 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/139.0.0.0 Safari/537.36 Edg/139.0.0.0

Challenge Information:

Build a Cat Photo App - Step 5

2

Welcome to the forum @Ydidya

Here is a comparison of the original code and your code.

The code in blue is the original code, the code in red is your code.
The code in magenta is the overlap.

image
image509×363 14.1 KB

Your code appears to have an extra h1 and paragraph element.

The closing main tag should appear below the last paragraph element.

Please reset the step to restore the seed code and try again.

Happy coding

3

it says Your main element’s closing tag should be below the p element. You have them in the wrong order.

4

After you reset the step, you will need to place a main closing tag between the paragraph element and the closing body tag.

You correctly placed the opening main tag in the code you posted.