Build a Cat Photo App - Step 5

HTML-CSS
1

Tell us what’s happening:

Hi everyone! I’m working on Step 5 of the Cat Photo App project, and I’m having trouble understanding where to place the element. Here’s my current code:

Most important content of the document

Some more important content...

CatPhotoApp

Cat Photos

Everyone loves cute cats online!

Can someone explain what I’m missing or what needs to be fixed? Thanks in advance! >

Your code so far


<!-- User Editable Region -->

<body>
  <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 photo -->
  <p>Everyone loves cute cats online!</p>
</body>


<!-- User Editable Region -->

Your browser information:

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

Challenge Information:

Build a Cat Photo App - Step 5

2

remove the code from the example, add main around the existing elements