STEP 6 how do i solved this problem?

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>

   <main>
    <ul>     
  <h2>Cat Photos</h2>
    </ul>
    <!-- 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/102.0.0.0 Safari/537.36

Challenge: Step 6

Link to the challenge:

2

Hi!

For this challenge you dont need to add the <ul>, it was just an example.
What you need to do is to indent (adding two spaces at the beginning of the line) whichever is inside the <main> ... </main>.

3

When we nest an element inside another element, we add space before the child elements and they give you the <ul> and <li> as an example
The <li> elements are children of the <ul>, so we add 2 spaces before the <li>.

GOOD CODE
<ul> 
  <li> Child Element 1 </li>
  <li> Child Element 2 </li>
</ul>

BAD CODE
<ul> 
<li> Child Element 1 </li>
<li> Child Element 2 </li>
</ul>
4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.