Build a Cat Photo App - Step 6

HTML-CSS
1

Tell us what’s happening:

j’ai besoin d’aide pour verifier le code
je n’arrive pas a l’executer

Your code so far

<html>

<!-- User Editable Region -->

  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
    <p>Everyone loves cute cats online!</p>
       </main>

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36 Edg/138.0.0.0

Challenge Information:

Build a Cat Photo App - Step 6

2

hi, and welcome to the forum.

For this exercise, you are meant to learn about proper indentation.
When writing code, we use indentation to make the code more readable.

For example:

<main>
  <h1>Most important content of the document</h1>
  <p>Some more important content...</p>
</main>

This main element has 2 nested elements inside it.
We indicate that they are nested by indenting them 2 spaces to the right of the main element’s column.

Here’s an example showing bad indentation:

<main>
  <h1>Most important content of the document</h1>
<p>Some more important content...</p>
</main>

Even though both the h1 and the p element are nested in the main element, the code is not indented correctly. We have to push the p element 2 spaces to the right to make it correct.

Now look back at the exercise and use the space bar to fix the indentation of the p element. Hope this helps.

1 Like
3

Hi Buddy, to make our code look well-organised we do use indentation

Here in this code you can see and can notice the p tag is out line.

So to make it look even we do use the method indentation.

So here kinldy do put the p tag shift right side but pressing two spaces, to look even in the code.

Hope You Understand.

1 Like
4

Salut l’ami,

Dans cet exercice, tu apprends l’indentation.

Il fallait donc indenter l’élément <p> à l’intérieur de l’élément <main>.

Une fois que tu auras correctement indenté le paragraphe <p>, tu devrais pouvoir passer à l’exercice 7!