Build a Cat Photo App - Step 5

HTML-CSS
1

Tell us what’s happening:

I get the following notification when i let the website check my code:

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

But in my opinion the is below the p element and on the right spot

Your code so far

<html>
  <body>

<!-- User Editable Region -->

<main>
  <h1>Most important content of the document</h1>
  <p>Some more important content...</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/146.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 5

2

Hi

You are asked to work on the code already there. Don’t add in the example code.

I suggest you reset the step and add the opening and closing main element tags where indicated.

3

Hi buddy, See her this is the whole code provided in the boilerplate…

<html>
  <body>
    
    <h1>CatPhotoApp</h1>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Everyone loves cute cats online!</p>
    
  </body>
</html>

Here you no need to add the example code in it, but instead do add the main element code where does it belong too.

Means after the opening body element and before the closing body element here.

This is the main code element in the code…

Hope You Understand.