Learn HTML by Building a Cat Photo App - Step 6

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
i have tried to solve this challenge for days and failed in all attempt. what is the possible way to go about it? thanks

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
<main>      <!-- TODO: Add link to cat photo-->
  <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; rv:102.0) Gecko/20100101 Firefox/102.0

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

Link to the challenge:

2

Hi @Enenche ,

The example given shows you the difference between indented code and not indented code:

<ul>                           <!-- This code is not indented -->
<li> This `li` element is not indented </li>
<li> This `li` element is also not indented </li>
</ul>

<ul>                           <!-- This code is indented -->
   <li> This `li` element is indented </li>
   <li> This `li` element is also indented </li>
</ul>

It makes your code more readable and shows the parent element ( the ul element ) and child elements ( the li elements ).

Now, all you need to do is indent your code to improve readability by only adding spaces (two spaces - using your spacebar) before all the elements within main. (The h2, the comment and the p element)

Please restart the challenge and try again .

3

Good morning, please can you help check step 55 for me? i’m stocked there and its seriously draining my energy. you can just arrange it in the right order for me. thanks

4

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