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

HTML-CSS
1

Tell us what’s happening:

I don’t know what to do I’ve tried everything but I always get an error. I tried putting the marker class within the container class like this

but still got an error and doing each class separately with their own opening and closing tags also gives me an error

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <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">
  </head>

<!-- User Editable Region -->

  <body>
    <h1>CSS Color Markers</h1>
    <div class="container"></div> <div class="marker"></div>
  </body>

<!-- User Editable Region -->

</html>

/* file: styles.css */
h1 {
  text-align: center;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36

Challenge Information:

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

2

Please move the new div into the container div by moving the container div’s closing tag to the right of the marker div’s closing tag.

1 Like
3

I got it finally! Thank you so much!

2 Likes