Learn to Build a Cat Photo App - Step 5

HTML-CSS
1 
<html>
  <body>
    <main>
    <h1>CatPhotoApp</h1>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos.</p>
    </main>
 </body>
</html

Here is my code, these are the instructions: HTML5 has some elements that identify different content areas. These elements make your HTML easier to read and help with Search Engine Optimization (SEO) and accessibility.

Identify the main section of this page by adding a <main> opening tag before the h1 element, and a </main> closing tag after the p element.

Upon checking my work:

Sorry, your code does not pass. Keep trying.

Hint

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

I clearly cannot figure out which order to put them in.

2

Welcome to our community!

Your closing html tag doesn’t have the closing angle bracket >. It should look like this: </html>.

3

Hi- I do have that closing tag. It is still not allowing me to move forward. I have done this before, and made it far into the program so I’m really confused as to what is happening. Can you offer any suggestions for the placement of the main and p tags to fit the directions that would allow me to progress?

Thank you!

4

Replace the ‘p’ element’s text with See more cat photos in our gallery.:

<p>See more cat photos in our gallery.</p>
5

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