Learn HTML by Building a Cat Photo App - Step 5

HTML-CSS
1

i can’t figure it out how to do step 5 i know what to do but i have tried many times and it’s always wrong, can someone help? :slight_smile:

Your code so far

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

Your browser information:

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

Challenge: Learn HTML by Building a Cat Photo App - Step 5

Link to the challenge:

2

The question says to add a <main> opening tag before the h1 element, and a </main> closing tag after the p element. In other words, the main tag will open above the h1 element and close below the p element thus wrapping those blocks of elements

Hope that helps

3

so can u please tell me how is the code ?

5

Your main tag is wrong there shouldn’t be h1 inside your <main> tag( it’s meant to be nested), also the <main> tag is meant to nest the <p> and <h1> elements

1 Like
6

So your code should looks similar to this

<main>
  <h1>Some h1 stuff</h1>
  <h2>Some h2 stuff</h2>
  <p>Some paragraph stuff</p>
</main>

Notice how the main tag has all the elements “nested” in it.