Tell us what’s happening:
Describe your issue in detail here.
I am not getting it right. The riddle is not understood. Can someone please assist with the following:
Step 6
In the previous step, you nested the h2
element, comment, and p
element within the main
element. A nested element is a child of its parent element. It should be indented two more spaces than its parent element to improve readability, like this:
<ul>
<li> Child Element 1 </li>
<li> Child Element 2 </li>
</ul>
Add two spaces in front of the three child elements of main
so your HTML is more readable.
**Your code so far**
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<ul>
<li> Child Element 1 </li>
<li> Child Element 2 </li>
</ul>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p>
</main>
</body>
</html>
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Challenge: Step 6
Link to the challenge: