Learn HTML by Building a Cat Photo App - Step 6

HTML-CSS
1

I don’t understand Add two more spaces in front of the h2 , comment, and p elements so your HTML is more readable
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 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

An element includes both its opening and closing tags, such as <h2> and </h2> and also anything between those tags, such as the text “Cat Photos”. So to put something in front of an element means to put it before the entire element, which would mean to put it before the opening tag.

So you want to use the space bar on your keyboard to add two more spaces before the h2 element, the comment, and the p element. I would restart the step to get the original formatting back and then just add two extra spaces in front of each of those element, don’t change anything else.

3

i do not get it i added two spaces in front of

and Cat Photos

4

We’ll need to see your HTML in order to help you. To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.

Did you restart the step? If you keep clicking the Check Your Code button sooner or later the Restart Step button will appear at the bottom. Once you do that, the only thing you want to do is use the space bar on your keyboard to add two more spaces in front of the h2 element, the comment, and the p element. Please try again and if it doesn’t pass then you can paste your code in here as described above.

5

CatPhotoApp

Cat Photos

Click here to view more cat photos.

6

You need to put three back ticks on a separate line before your HTML and then three back ticks on a separate line after your HTML. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.

7

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