CSS Color Markers - Step 10

HTML-CSS
1 
<div class="container">
      <div class="marker"></div>

Hint

Your new div element should have a closing tag.

I am struggling to solve the above step. Any help would be greatly appreciated.

Step 10

2

Please post all of your code

3

you can follow these steps to create a post that will automatically post all of your current code and a link to the challenge

click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

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

your container div does not have a closing tag

6 
 <div class="container"></div>
      <div class="marker"></div>

Thanks, when I put a closing tag after the container div I get the following hint:
You should nest your new div element within the div with the class container.

7

Because you didnt add it in the right place. As the hint is telling you

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

Meaning that container closing div needs to come after the closing tag of the div you added

8

@Cody_Briggs, I am now totally confused!
I have added </div> to both ends of the container class and marker class and don’t understand your reply, sorry.

9

The hint says

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

To nest something is to out it inside another element

<div class="one">
   <div class="two"></div>
</div>

Here the div with the class of two is nested inside the div with the class of one. Now look at your code

<div class="container"></div>
      <div class="marker"></div>

Your marker div is not inside the container div. As the hint says your new div should be nested in the div with the class of container

1 Like
10

@Cody_ Biggs, many thanks for your detailed explanation and help, the penny finally dropped!

2 Likes
11

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