Learn HTML by Building a Cat Photo App - Step 5

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.

Your code so far

<html>
  <body>

<!-- User Editable Region -->

      <main><h1>p</main>
            <h1>CatPhotoApp</h1>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>See more cat photos in our gallery.</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/121.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 5

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Hello and welcome to our forum. Your main element should nest this code block.

<h1>CatPhotoApp</h1>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>See more cat photos in our gallery.</p>
4

I am at this point and I don’t know what do to?
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.

5

Hi! To learn about main tag and how to structure your document using it take a look at this article:

6

Adding a <main> opening tag before the h1 element, and a </main> closing tag after the p element does not seem to do the trick…

Screenshot 2024-05-26 at 4.05.16 PM
Screenshot 2024-05-26 at 4.05.16 PM1920×960 96.9 KB

7

Welcome to the FCC forum. Create your own topic to the challenge by using the help button that’s appears after attempting check your code button three times.