Learn HTML by Building a Cat Photo App - Step 6

HTML-CSS
1

these is what i keep geeting

<html>
  <body>
    <main>  <h1>CatPhotoApp</h1>  <h2>Cat Photos</h2>  <p>Click here to view more cat photos.</p> 
      <h1>CatPhotoApp</h1>
      <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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

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

Link to the challenge:

2

Please don’t create duplicate topics for the same problem.

3

this what i keep getting please I’m a novice in this just trying to to get it righ

4

Did you remove this code? This code is not required and is unnecessary. It’s on line 3 Remove it.

5

i just reset the code so how do i go about it

6

Just add 2 spaces before the <p>

7

because i dont understand the explanation

8

Not a problem. There are many people over here to help you out.

9

please jus show me an example

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

If you notice over here h1 and h2 tag have 6 spaces(blank space) before them but the p tag have only 4 spaces(blank space) before it and is not aligned properly.
Just add 2 more spaces before the p tag by spaces i mean put the cursor before p tag and hit the space key on your keyboard twice so that the p tag is aligned same as the h1 and h2 tag.

11

as part of best practice and for easy readability, it is good to indent your codes.
for example you have an html element, and within it a head element and within it you have a p element. this can be written as:

<html>
<body>
<p>
</p>
</body>
<html>

which is fine, however best practices is to have it this way:

<html>
  <body>
    <p>
    </p>
  </body>
<html>