Learn CSS Colors by Building a Set of Colored Markers - Step 10

I need help guys. It’s telling me to nested in the div element that has the class attribute. What am I missing?

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Colored Markers</title>
  <link rel="stylesheet" href="styles.css">
  <h1>CSS Color Markers</h1>
  <div class="container"><div class="marker"></div>
/* file: styles.css */
h1 {
text-align: center;
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Learn CSS Colors by Building a Set of Colored Markers - Step 10

Link to the challenge:

HI @wschuz !

Carefully reread the error message here


Your new div element should have a closing tag.

Take a look at your code

It looks like you deleted the closing tag for the container div

Once you fix that then it will pass.

But also, this is a good reason why indentation in html is really important.
Because it will help you catch these errors.

This is what your current code looks like with indentation

    <div class="container">
      <div class="marker"></div>

This indented code helps you see the problem better :+1:

1 Like

Wow thank you so much Jessica this really helps. Going to be implementing this.

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