what to do in this task?

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<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 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.63 Safari/537.36

Challenge: Step 6

Link to the challenge:

2

Restart the challenge.

Now put your cursor in front of each of the elements inside the main element and add 2 spaces in front of them (for a total of 6 spaces from the edge).

Example

<html> <!-- no spaces from the edge -->
  <body> <!-- 2 spaces -->
    <h1>Some heading</h1> <!-- 4 spaces -->
    <main> <!-- 4 spaces -->
      <h2>Some sub heading</h2> <!-- 6 spaces -->
      <p>Click here to view more cat photos.</p> <!-- 6 spaces -->
    </main> <!-- 4 spaces -->
  </body> <!-- 2 spaces -->
</html> <!-- no spaces from the edge -->
3

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