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 think I have mistaken in understanding the question yet I understood that I have to give 6 spaces after the main tag and I used both the methods I knew break and &nsbp but it doesn’t work for any shows the same pop up everytime if I have mistaken in understanding the question help me out there or help me towards the solution

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
  &nbsp;
  &nbsp;
  &nbsp;
  <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

You have ton indent your code too see it more properly.
so you get this :

<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>

and you have to get this :

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

For each element inside another element you must have an extra space tab

here the <main> tag is inside <body’ so you will have to add a tab to the right and the <h2> and <p> tags are inside the <main> tag so you have to add an extra tab

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

This is to make your code more readable.

the &nbsp; it’s to make a space in your text

3

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