Please I need help. Step 6 in Flexbox Photo Gallery keeps showing incorrect even though my syntax is correct

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>   
    <li> chaild Elemant 1 </li>
    <li> chaild Element 2 </li>
  </ul> 
      <!-- TODO: Add link to cat photos -->
  <p>Click here to view more cat photos.</p>
  </main>
    <h2>Cat Photos</h2>
</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

Your main element should have 4 spaces form the start of the line, and elements nested inside main element should have 6 spaces from start of the line. :slight_smile:

3

The HTML example in the instructions is just that, an example, and not meant to be used in the solution. You’ll want to restart the step to get the original HTML and formatting back since formatting is very important for this step. Then, the only thing you want to do is use your space bar to add two extra spaces before the opening tags for each of the three children in main.

4

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