Learn HTML by Building a Cat Photo App - Step 6 - 8xdeMPEgKbq0dZvZh5WuP

Tell us what’s happening:
Describe your issue in detail here.
System says can’t use li or ul

  **Your code so far**
<html>
<body>
  <ul>
    <li>li </li>
    <li>li </li>
    </ul>
  <h1>CatPhotoApp</h1>
  <main>
  <h2>Cat Photos</h2>
  <ul>
<li>li </li>
<li>li </li>
</ul>
  <!-- TODO: Add link to cat photos -->
  <ul>
<li>li </li>
<li>li </li>
  </ul>
  <p>Click here to view more cat photos.</p>
  </ul>
  </main>
</body>
</html>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0

Challenge: Learn HTML by Building a Cat Photo App - Step 6

Link to the challenge:

You need to click Restart Step because you have added all kinds of extra things not asked of you. The only characters you should be adding should be space characters. Those space characters should be in front of 3 different lines. Each line should only receive two extra space characters than what appears in the starting code.

Please illustrate. I can’t seem to get past this step.

Did you click the Restart Step button?

Yes, twice now. I feel the instructions are wrong, I do the exact thing and it still won’t move.

When you click the Restart Step button, does the code go back to what is was before all your additions? If so and you have tried new code, can you please post your latest code.

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

Let me explain the instructions in a different way.

Currently, the h2 element , the comment, and the p element have the same number of spaces before them. We want to show that these elements are nested within the main element. The way to do this is add 2 additional spaces on the same line in front of them so they are indented.

Also, the code example in the instructions is an illustration of how properly formatted child elements should look.

Tried that and still, it says sorry.

Please post your latest code using the directions of how to do that I posted in a previous reply above. This will allow us to see what you have tried.

Thank you.

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

This is before the indent instruction, after reset. I get the feeling the instructions are outdated.

Actually, this is the formatted HTML after restart:

<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 then from there the only thing you should do is use your space bar to add two more spaces in front of the h2, comment, and p element. I know the instructions say h1 instead of h2, but that is a mistake.

The code you just posted is the correct code to pass the step tests. It definitely did not start that way. After clicking the Restart Step button, the code should have looked like:

    <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos.</p>
    </main>

After this, is when it brings in the instruction of <ul> and can’t go past that. I may have to skip this part.

That is just an example of how indented code should look. You will not use that HTML in your answer. You will not add any new HTML in your answer. Please read our suggestions above again. The only thing you should do is use your space bar to add two more spaces in front of the h2, comment, and p elements. That’s it. I’m not sure we can make it any clearer?

I am also having some trouble. I am doing exactly what you stated in this comment. I am adding to more spaces in front of the h2 comment and p elements, but I am getting this

Test

Sorry, your code does not pass. Keep trying.

Hint

Your comment should be below the h2 element and start 6 spaces over from the start of the line.

It is best if you open up your own issue in the forums. Use the “Ask for Help” button in the step to create it as it will include your current HTML.

Also, there is a bug in the current instructions. Even though they say to add two spaces to the h1 element, that is a mistake, you should add two spaces in front of the h2 element instead and leave the h1 element alone.

Just move to the next step, you can always return to number 6, I think something is wrong with 6. Just click new responsive webdesign and move to step 7.

Place your cursor on h2, press space bar twice, do the same for comment and p, once done, submit. Voila.