Step 6 on HTML-CSS

Hi everyone, im a newbie here and im finding the step 6 very confusing, can anyone please explain it in more details thanks

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
   <h2>Cat Photos</h2>           
         <main>  
           <!-- 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; rv:101.0) Gecko/20100101 Firefox/101.0

Challenge: Step 6

Link to the challenge:

step 6 is all about cleaning up the visual of your code,

you need to add 6 spaces before the h2 element

from this:

<h2>Cat Photos</h2> 

to this:

      <h2>Cat Photos</h2> 

by the way you should put the h2 inside the main element

yours:

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

how it should be:

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

I figured it out for anyone searching. In simplified terms…
Space the two “main elements” two times each. (Hit the space bar twice)
Then for the three middle elements space those six times each.
(Hit the space bar six times)

You saved my life! It did not work for me too because of the spaces and somehow could not find the right position, but with your help it is working!!! Thank you, thank you soooo much!!! Anna

1 Like

thanks so much for the explanation

1 Like