To make HTML easier to read, indent the h2 element, the comment, and p element exactly two spaces to indicate they are children of the main element.

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>  
  <!-- TODO: Add link to cat photos -->
  <p>Click here to view more cat photos.</p>  <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 6.2; Win64; x64; rv:100.0) Gecko/20100101 Firefox/100.0

Challenge: Step 6

Link to the challenge:

2

to make the code easy to read we make give the children of an element some space, for example the p is the child of the div, so we add the space before the tag. but if the p is a sibling if the div we keep it at the same line.

the p is a child of the div so we add space before the p
<div>
  <p></p>
</div>

the p is a sibling of the div. we keep them in the same line
<div></div>
<p></p>
1 Like
3

what is the meaning of div??

4

div is a tag(element) and we use it as a container.

1 Like
5

having issue with step 12

6

having issues with step 14

7

Please create new post with your new issue so people can help you.

My Advice tho is:
open this video and watch it to the end it’ll help you ALOT

8

Step 12 & Step 14:
tu turn a word or a phrase or an image to a link we make what we want turn to a link inside the a tag

<p>This is a paragraph</p>

<a href="http://website.com"><p>This is a paragraph</p></a>

and if we want to turn a specefic word inside a paragraph to a link we make thet word inside the a tag

9

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