Tell us what’s happening:
Describe your issue in detail here.
Your code so far
<!-- 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/220.127.116.11 Safari/537.36 Edg/105.0.1343.50
Challenge: Learn HTML by Building a Cat Photo App - Step 5
Link to the challenge:
Can you please help me figure out where exactly to put the closing main tag. It says ’ the main’s closing element should be below the p element’
And you do have it placed correctly below the
p element. The issue is with your opening
<main> tag, which is supposed to be just after the
h1 element but you have it inside the
P.S. The hint that you are getting is just wrong. Most of the time the hints are very helpful, but in this case it is not.
Can you further elaborate where to put opening main element. I still cant figure it out
You need to identify the
<h1></h1> element and add right after it the
<main> opening tag. Just have a closer look.
Nesting in HTML happens when you have one or more elements as the children of other HTML element. For example:
button is nested inside of the
div. When one element is a child of another, Its opening and closing tag, both need to be inside of the parent element. If you start an element inside of one element and close it outside, that is not valid. for example:
<!-- this is valid. -->
<!-- this is invalid -->
The latter is what you have in your code, which is why its not working.
Hope this helps!
Thankyou soo much everyone for helping.