Learn HTML by Building a Cat Photo App - Step 6

HTML-CSS
1

Tell us what’s happening:

how do this code?
I put it in more then one
way and I did not do it

Your code so far

<html>
  <body>

<!-- User Editable Region -->

     <h1>CatPhotoApp</h1>
      <main
       <h2>Cat Photos</h2>
      <!--TODO: Add link to cat photos -->
    <p>See more cat photos in our gallery.</p>
    </main>

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 6

2

Hi and welcome to the forum.

Please click the Reset button first to return the code back to the state it was in at the start of this step.

After that, put your mouse to the left side of the line that has the h1 element. Then click the space bar exactly two times.

This action will indent the h1 element by two spaces to the right.

Then repeat this for each line that is between the opening main tag and the closing main tag.

The end result should have all the same lines as shown at the start but with each nested element indented two spaces.

1 Like