Learn HTML by Building a Cat Photo App - Step 6 - WpVJIyYMxUJN-3gNDml0W

HTML-CSS
1

Tell us what’s happening:
Your h2 element should be below the main element’s opening tag and its opening tag should start 6 spaces over from the start of the line.

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

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






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

Challenge: Learn HTML by Building a Cat Photo App - Step 6

Link to the challenge:

2

It helps if you describe how you are stuck instead of copy-pasting the instructions that we can read ourselves.

Here is the initial code:

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

You added a bunch of new lines. You should use the space bar to move over the h2, comment, and p elements over to the right two spaces.

3

Do you mean i should just press the space bar twice for my the comment, p and h2

4

Yes, put your cursor to the left of each element and then press the space bar twice.

5

Thanks for the nice reply

1 Like
6

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