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

HTML-CSS
1

Tell us what’s happening:

I have two div classes, opening and closing. What am I doing wrong?

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/128.0.0.0 Safari/537.36 Edg/128.0.0.0

Challenge Information:

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

2

Hi,
The instructions tell you to add the second div inside the first one. Try that and hopefully you’re good to go.

3

I’ve tried that. It’s not coding.

4

Can you share your code pls?
Are you sure the one with class marker is nested inside the .container?

6

Are the div class supposed to be separate or together?

7

The second one ( with class marker ) is supposed to be nested inside the first one ( with class container).
Here’s an example of nested elements:

<div>
  <h1>
  </h1>
</div>

In the example above, h1 element is nested inside the div element. Now compare this to your code. Hope this helps!

1 Like
8

i found problem like this too! n after several time trying i clear it with this…

Mod edit: solution removed

9

@zeinyusuf737

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.