I'm having difficulty arranging a nested an element

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I don’t understand how to arrange nested elements.

  **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/102.0.0.0 Safari/537.36

Challenge: Step 6

Link to the challenge:

2

The rearrange is about to put some indentation to your code.

In your code above, it is correct to put the two spaces before the <h2>, the comment and the <p>.
However, it wont pass because you have spaces in the text, for example:

Should be: <h2>Cat Photos</h2>

No spaces.

3

Hi, txt88. Thank you so much for helping me out on that.

1 Like
4

No worries, I’m glad that could help :slight_smile:

5

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