[First Day] Tag Indentation and code tidiness? [Section lesson, Cat Photos]

HTML-CSS
1 
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
       <section>
         </section>

I did this for Step 17, but I’m not sure where the is supposed to go. I’m not sure how far I should indent it. I can see that nothing’s wrong, but should sections all be on the same level as each other, or should they be one before the next?

I also saw that indenting the closing tag father from the opening tag is also correct.
What’s the proper way about this?

2

We have blurred this solution (with [spoiler][/spoiler] tags) so that users who have not completed this challenge can read the discussion in this thread without giving away the solution.

3

As far as the indenting goes you want to make sure everything is lined up. So, for example

<div>
   <p></p>
   <p></p>
   <div>
     <p></p>
     <p></p>
   </div>
</div>

You can see that the outer divs are lined up, and everything inside those divs are indented to represent they are inside the div. Then you can see I have that second div with more elements indented to represent those are inside the second div. So if you have elements inside another element they need to be indented like this, but you always want the opening and closing tags of the parent element lines up. This way it is much easier to see what is exactly inside the element. In this case you can easily tell that everything is inside the outer divs

4

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