How do I make it clearer to read?

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>
</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/103.0.0.0 Safari/537.36

Challenge: Step 6

Link to the challenge:

One thing I do to increase readability is to use tabs to show what elements are nested within others:

<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>
      </main>
  </body>
</html>

You can see how the body is in the html, main is inside the body, and all the content of main is inside the main just by seeing what elements are ‘tabed’ inside the according element.

This is just what I do and you should see if you like it and not just take it by word.

1 Like