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

Tell us what’s happening:

I don’t understand how to go through this step, it says "within the div element, add another div element with class marker and that’s what I just did

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 class="marker">
      </div>
  </body>

<!-- User Editable Region -->

</html>
/* 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/605.1.15 (KHTML, like Gecko) Version/17.1 Safari/605.1.15

Challenge Information:

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

Hi there! You have two opening div tags and the only one closing tag

I first tried closing both but an error that said that the new div element had to be inside the 1st div element appeared

This is exactly what it says: You should nest your new div element within the div with the class container .

So add the closing div and share this variant of code, please

Tell us what’s happening:

here it is with the closing of the first div element

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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.1 Safari/605.1.15

Challenge Information:

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

I just did it, please check

opened a new request with the variant

I merged your two posts together.

Please do not open up new posts for the same challenge.

It is best to keep everything in the same thread.

Thanks!

Well, that’s the issue. Your new div is not nested within containter div

How should I do it, I don’t quite understand, probably it is so obvious but I can’t figure it out

Ok, example:

<div class="parent-container">
  <div class="nested-container"></div>
</div>
1 Like

I would never imagine that was the solution… thanks!!

1 Like