Challenge step 6

HTML-CSS
1

Tell us what’s happening:
How to solve this challenge?

  **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>
  <ul> 
<li> Child Element 1 </li>
<li> Child Element 2 </li>
</ul>

  </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/102.0.5005.63 Safari/537.36

Challenge: Step 6

Link to the challenge:

2

HI @laura.mirzay.rad1234 !

Welcome to the forum!

I would reset the lesson.

The lesson wants you to learn how to indent code.

Take a close look at the example

<ul> 
  <li> Child Element 1 </li>
  <li> Child Element 2 </li>
</ul>

You see how the li are indented two spaces to the right?

You need to do the same thing for this challenge.

Do not add any new elements.

This is wrong

The challenge wants you to take the h2, p and comment tags and move them two spaces to the right.

3

I’m sorry but this is not helping me. I tried to put h2, comment and p inside unordered list, but I still haven’t found a way to solve this challenge.

4

You are not supposed to place them inside the unordered list.

You are not supposed to add anything to your code.

I would reset the lesson and move the h2, p and comment tags two spaces to the right.

There should be no unordered lists in your code.
That was just an example to show you how to indent code.

Hope that is clearer.

5

That’s it, thanks! :blush:

1 Like
6

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