Https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-6

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I have tried everything here but ntg is working I tried 6 spaces after h2

   **Your code so far**

<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
     <ul> 
 <li> Child Element 1 </li>
 <li> Child Element 2 </li>
</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

The <ul> and <li> tags were just an example. It shouldn’t be with your code.

Just add 2 spaces on the child elements of your <main> , which are the <h2>, <!-- -->, and <p>

In this case,

 <main>
   <h2>Cat Photos</h2>
   <!-- TODO: Add link to cat photos -->
   <p>Click here to view more cat photos.</p> 
 </main>
1 Like
3

It’s still showing me error
image

4

can you show me your code?

5

image
image815×760 22.7 KB

6

Your main tags should be 4 spaces away by default. Try resubmitting your errors until the “restart step” button appears, then try again.

1 Like
7

I don’t seem to by pass level 6​:person_shrugging:… am lack of options here… alittle help is needed please :pleading_face:

8

Yes I got the solution for this.It was 6 spaces from the beg line for all the below lines.Add 6 spaces after the next line in main followed by all the lines until main closes

9 
<main>
  <h2>Cat Photos</h2>
  <!-- TODO: Add link to cat photos -->
  <p>Click here to view more cat photos.</p>
</main>
10

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