I need help on this

HTML-CSS
1

The h1 element, h2 element and the comment are indented two spaces more than the main element in the code below. Use the space bar on your keyboard to add two more spaces in front of the p element so that it is indented properly as well. I find it hard to get this right.

2

My advice, restart the step so you have the original HTML back with the original formatting/indentation. Then do only exactly 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. If you are doing anything more than adding two spaces in front of the p element then you are doing more than the instructions asked and you will most likely not pass. Formatting is very important for this step, so even the slightest change somewhere else may cause the tests to fail.

3

I restarted it severally

4

OK, and then what did you do after you restarted it? Did you add two more spaces in front of the p element? Did you make any other changes?

Also, it would help if you would paste your HTML in here so we can see what you are doing. 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. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

5

hi there,
here is some code to look upon, maybe it is easier for the listeners to follow your dialog:

  <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
    <p>See more cat photos in our gallery.</p>
    </main>
7 
<h1>CatPhotoApp</h1> 
<h2>Cat Photos</h2>      
        <!-- TODO: Add link to cat photos -->   
         <p>See more cat photos in our gallery.</p>
    </main>```
8

it looks like i messed it all up

9

Ya, you changed things that you shouldn’t have. When you restart the step the HTML in the white editor box should look like this:

    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
    <p>See more cat photos in our gallery.</p>
    </main>

The only thing you want to do is add two more spaces in front of the p element so that it is lined up with the h1, h2, and comment. That’s it. If you make any other changes then you are doing things that you weren’t asked to do and you won’t pass.

10

it has been fixed, my code passed, thanks peps

11

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