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

HTML-CSS
1

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

HELP

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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36 Edg/121.0.0.0

Challenge Information:

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

2

Hi @artitus1

Just a few fix ups needed.

  1. The first opening div tag needs a closing angled bracket.
  2. The second opening div tag needs an opening angled bracket.
  3. The second div element needs a closing tag.
3

Close the container div > bracket is missing,and also close the marker div before and after place<> bracket to it. And also you need closing tag for marker div .

6 
Isn't </div> the closing tag??
7

Ive done that and its still not working

8

Tell us what’s happening:

Describe your issue in detail here.
help

<!-- 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36 Edg/121.0.0.0

Challenge Information:

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

9

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

10

Can anyone help I’ve been stuck on this forever!!!

11

You didn’t close your div element. Do that and it’ll work.

12

how is it not closed?!?!

13

The marker div element within your other div isn’t closed, even though there is a div next to it, it doesn’t mean it’s closed. Do that.

14

Please post your full code

15

when i try this happens

16

Welcome to FCC forum, Close your first div with a grater than > then on your second div you you need less than <, then close your second div off with a </div> and your code should pass, good luck coding!

18

You are correct but what hes trying to tell you is that your first div should start like this <div> you have to close the first tag with a > then complete it with </div> hope it helps.

19

Let me know how you get on :technologist:

21

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

22

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