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

HTML-CSS
1

even when i code it like this it still says its not right

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>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

  </body>
</html>

/* file: styles.css */
h1 {
  text-align: center;
}

.marker {
  width: 200px;
  height: 25px;
  background-color: red;
  margin: auto;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36 Edg/112.0.1722.48

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

Link to the challenge:

2

Please dont create multiple posts for the same challenge. You can use the original post you created.

You still have the marker class in the top div

and the two divs you created still do not have a closing tag

3

i mean im still figuring out how to work this so i mean i gotta do what i gotta do. but ok i think i get what your trying to tell me .

4

I understand, just for future reference if you make a post about a challenge, and it is not solved you can reply in the original post instead of creating a new one.

1 Like
5

i feel you, so i did what you said and took the class marker out of the first div and just made 2 more div elements beneath that with the class marker but now it says i should have an opening tag and i have the opening tag.

6

Can you post your updated code here. When you reply you can select the format button which looks like </>. You can paste the code between the two lines it gives you.

7
8

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

9

You are close. So the classes are all correct now, but the bottom two divs need to bbe inside the first one. It would look something this

//this is the opening div tag
<div> 
//this div is nested inside the top div
  <div> text</div>
//this is the closing tag for the top div
</div>

So the two divs you created need to be nested inside the top

10

okay so ive added the opening tag how u suggested and know its saying the first ned div should have a closing tag but no matter where i put it its still saying its incorrect.

11

can you post your updated code again

12

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

13

isnt this having all of them nested

14

Getting closer. You are just missing the closing divs on some of yours, we dont give full solutions here but I will try to give the best example I can. Here, I took care of the top div for you. You just need to add the two divs between the top and bottom div with the correct class. Make sure to have a closing div tag for both </div>

<div class="container">
   //enter first div here
    //enter second div here
</div>
15

<div class="container"> <div class="marker" <div class="marker" </div>
idk whats going on

16

Super close, but you are still missing the closing div tags. You need this for both marker divs

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

Edit: @TheCool I misread the directions. Instead of two divs on the inside you need three, but all three need to be like the div I posted in the example above

18

preciate you bro i finally got it right. Big help big help.

1 Like
19

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