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

HTML-CSS
1

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

2

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

3

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

4

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

5

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

6

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

7

I just did it, please check

8

opened a new request with the variant

9

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!

10

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

11

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

12

Ok, example:

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

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

1 Like
14

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