Build a Cat Photo App - Step 5

HTML-CSS
1

Tell us what’s happening:

/ running tests
6. 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>
  <body>

<!-- User Editable Region -->


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

Challenge Information:

Build a Cat Photo App - Step 5

2

Hi @ayoubtahiri104 and welcome to our community!

You have pasted the example code from the challenge description, rather than adding main tags to the existing code.

Hit the Reset button to restore the correct starting code for this step and then just add the main tags as specified, without modifying any other code.

3

Hey Buddy, See this is the actual code which you need to wrap in the main element.

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

Wrapping this part in the main element shows this is the core part of your web page.

Hope you understand.