Learn HTML by Building a Cat Photo App - Step 6

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 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 changed some things you shouldn’t have. Restart the step and do only what the instructions ask:

“Use the space bar on your keyboard to add two more spaces in front of the p element…”

That’s it, don’t make any other changes. Please let us know if you have any questions about the instructions.

3

thanks but it didnt work :frowning:

4

We need to see what you tried so we know why it didn’t work.
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.

5

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

6

Filling this out helps us and helps you, by the way

7

You do have the p element lined up with the h2 and comment like the instructions asked but it looks like the overall indentation has changed. If you reset the step, this is what you should see:

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

Notice how the body tag is indented two spaces inside the html tag. In your HTML this is not the case, they are both at the same indentation, which will cause this step to fail.

Again, restart the step, and the ONLY thing you should do is add two spaces in front of the p element.

8

it does not work. ı tried many times. Already, indents are like yours. :((

9

It does work if all of the spacing is correct. What is your most recent code?

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

where is the problem? I did what is said below

12

You added extra line breaks. Blank lines are not spaces.

You added four spaces here. You should only have added two.

Literally the only thing you should do is press the space bar twice. Doing absolutely anything else will cause the tests to mark your code as wrong.

13

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