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

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

   **Your code so far**
   <h1> <main>CatPhotoApp</h1>
   <h2>Cat Photos</h2>
   <!-- TODO: Add link to cat photos -->
   <p>  Click here to view more cat photos.</p>
   **Your browser information:**

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

Challenge: Step 5

Link to the challenge:

Hi @Maccarthyquest

The main element is a grouping element. Not sure how to help you, so I will give you a couple of links and a page example form the HTML specification:

" In this example, the author has used a presentation where each component of the page is rendered in a box. To wrap the main content of the page (as opposed to the header, the footer, the navigation bar, and a sidebar), the main element is used."

<!DOCTYPE html>
<html lang="en">
<title>RPG System 17</title>
   <h1>System Eighteen</h1>

   <h2>Character creation</h2>
   <p>Attributes (magic, strength, agility) are purchased at the cost of one point per level.</p>
   <p>Each encounter, roll the dice for all your skills. If you roll more than the opponent, you win.</p>

  <p>Copyright © 2013

I hope that helps you to understand the syntax. You are really close.
Take a break and back later to this step. You will solve for sure.
Happy coding!

I recently encountered the same problem. Here’s how I passed that one

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.