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

Tell us what’s happening:

Instructions:

Step 10

Next, within the div, add another div element and give it a class of marker.

Hint

You should nest your new div element within the div with the class container.


Hi i’ve tried several different possibilities to solve this and this seems to make the most sense, i must not understand what they mean by “nest” although i’ve tried different indentations. I’ve read responses on other posts regarding this step but havent found a solution.

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>
  <body>
    <h1>CSS Color Markers</h1>
    <div class="container"></div>
      <div class="marker"></div>
  </body>
</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/106.0.5249.103 Safari/537.36

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

Link to the challenge:

this is the div with class container

you need to put thre new div within it (between the opening and closing tags of it)