Tell us what’s happening:
Describe your issue in Identify the main section of this page by adding a opening tag after the h1 element, and a closing tag after the p element. I put the code but dont understand where to put it here.
**Your code so far**
<html>
<body>
<h1><main>CatPhotoApp</h1>
</main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p>
<h1><main><p></main>
</html>
**Your browser information:**
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1.1 Safari/605.1.15
Elements opening/closing tags should be nested within each other. Think of on of those nested dolls. They can stand on their own, or fit around another doll. BUT you can’t mismatch them (i.e. put an outer-doll top on an inner-doll bottom).
To illustrate this point I’ll use numbers for elements. Here are some working examples:
<1> content </1>
<1><2> content </2></1>
<1> content <2> content</2> <3>content</3> </1>
Here are some not working examples:
<1><2>content</1></2>
<1><2><3></2>
This all might be overly convoluted, but I’m hoping to explain without giving the answer away.