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>
  <ul>
    <li>
  <!-- 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 6.2; WOW64) 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

Hello. I think I see 2 problems here. One is that you have added <ul> and <li> elements. The example shows you an unorganized list, but this is only to show that indents make code more readable. They are not necessary for this step because you’re not asked to add an unorganized list.

The second problem is that you haven’t indented your comment, or the <p> element. This is what the exercise step requires you to do in order to progress.

To indent them would be to add a sort of margin before them, so they appear more to the right. This improves readability because it is easier to detect where an element ends, what nested elements an element has, etc.

An example:

<html>
  <head>
    <title>This title is indented relative to the head element!</title>
  </head>
  <body>
    <p>This p element is nested inside the body element.</p>
  </body>
<html>
3

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