Building div classes issue

HTML-CSS
1

type or paste code here
hi. doing the build a set of coloured markers. now not sure why my divs and nested divs are not working. have tried and tried. reset the lesson. but it it is not working. can you help me out and point me where i am going wrong.
have tried researching on google. and the code looks similar.
marvin.
ps: pasting my html code and the link to the step. no help button on the step.

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="styles.css">
        <meta charset="UTF-8">
        <title>Colored Markers</title>
    </head>
    <body>
<h1>CSS Color Markers</h1>
      <div class="container"></div>
      <div class="marker"></div>
      <div class="marker"></div>
</body>
</html>

type or paste code here

2

the link is missing

the help button appears after you try to submit three times

3

hi. i am sorry. thought i had. using the jaws for windows screen reader. so pasting below.
sorry.
marvin.

4

if you could not format as a code block when not posting code it would be great

5

the .marker needs to go inside .container

6

hi, okay. sorry, is this better. as using control e for the keyboard short cut for preformatted text. i am sorry.
marvin.

7

as you have not wrote code, avoiding the preformatted text is great!

For your code, the .marker needs to go inside .container

8

hi. okay says something about the second div not having a open > then. so what am i doing wrong. so pasting my new updated code. so what am i doing wrong? how to get this working. trying my best.
just frustrated.
marvin.

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="styles.css">
        <meta charset="UTF-8">
        <title>Colored Markers</title>
    </head>
    <body>
<h1>CSS Color Markers</h1>
      <div class="container"> 
<div class="marker">
                  <div class="marker">
                    </div>div>
                    </div>div>
                    </div>div>
</body>
</html>

  .
9
Colored Markers

CSS Color Markers

  hi. should have checked. visual studio code seems to put in a second element. sorry. so pasting the error and my updated code. sorry, i am trying very hard.

i am sorry.
not sure why it is not passing. just not working.
any tips.
marvin.
Preformatted textYour second new div element should have an opening tag.Preformatted texthi. sorry forgot to do the preformatted tag control e, sorry. pasting my updated code.

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="styles.css">
        <meta charset="UTF-8">
        <title>Colored Markers</title>
    </head>
    <body>
<h1>CSS Color Markers</h1>
      <div class="container"> 
<div class="marker">
                  <div class="marker">
                    </div>
                    </div>
                    </div>
</body>
</html>
10

now you have one .marker inside an other .marker, they need to be siblings, both inside .container

also as you started the step with one .marker, and it asks to add two more, you need to have a total of three .marker elements

11

hi. still not working. do have a total of four divs. is this correct. still not working. not sure why? any ideas?
marvin.

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="styles.css">
        <meta charset="UTF-8">
        <title>Colored Markers</title>
    </head>
    <body>
<h1>CSS Color Markers</h1>
      < class="container"> 
<div class="marker">
                  <div class="marker">
                    <div class="marker">
                    </div>
                    </div>
                    </div>
                </div>
</body>
12

you have removed the name from the .container div, and you still have the .marker elements one inside the other instead of as siblings

13

hi. okay. so still not liking it. what am i doing stupid wrong? not working. maybe have to google it and maybe try and find a solution. pasting below my updated code. not sure why it is not passing.
first time doing nested divs.
marvin.

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="styles.css">
        <meta charset="UTF-8">
        <title>Colored Markers</title>
    </head>
    <body>
<h1>CSS Color Markers</h1>
      <div class="container"> 
< div class="marker">
                    <div class="marker">
                 <div class="marker">
                </div>
                </div>
                                </div>              
                                </div>              
                                
</body>
</html>
14

you have still the same issue, the three marker divs are inside each other, as long as they are like that and not on the same level, you are not going to pass this test

15

hi do you have an example of how to do this. not the exact code. but something similar. totally confused and not working. as totally blind and trying to do this with the jaws for windows screen reader. if not, then point me to where i can find examples. or do i just then try googling.
sorry. trying my best.
marvin.

16

let’s not consider the step for a moment

do you know the difference between when two elements are sibling and two elements are parent and child?

17

hi. is this the correct code?or not liking it so how to get this to pass. pasting the code and the error. what stupid thing am i not doing right? did go and search and did find some code. but not sure why it is not passing. so, any tips, or how to get htis to pass. i know you can not give me the code as not allowed on the forum. understand that. but any hints, so will paste again. totally stumped, frustrated and just stuck. help?
Your first new div element should have an opening tag.. and i

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="styles.css">
        <meta charset="UTF-8">
        <title>Colored Markers</title>
    </head>
    <body>
<h1>CSS Color Markers</h1>
<div class="container marker marker"> 
            </div>
            <div class="marker"> 
                            </div>
</body>
</html>
18

I asked you a thing, which will determine how I am going to help you, so please answer that question

do you know the difference between when two elements are sibling and two elements are parent and child?

issues with your current code: instead of having separate elements, now you have one element that has the class container and then the class marker twice

Also earlier I asked you to not use preformatted code when you write only text, but it if it’s code, please try to format it properly

19

hi. yes a parent / child relationship when the parent element is the top element. and the child is the element underneath. siblings are childs that are together from what i understand. so, maybe trying too hard, and not able to see, and relying on speech. and the example just has images. so, what am i doing wrong? not working? did try to then google and did look at doing the two marker inside the container, then a div separate with another marker. am i going about this the wrong way. so just stuck. confused and a bit frustrated. and trying this for the past two hours or more.
help me out, where am i going wrong. dont want to get banned from the forum. so only doing one topic and then replies.
marvin..

20

hi. heres the code. stupid me. not having a good day. please forgive me for my stupidty. been a long day. marvin.

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="styles.css">
        <meta charset="UTF-8">
        <title>Colored Markers</title>
    </head>
    <body>
<h1>CSS Color Markers</h1>
<div class="container marker marker"> 
            </div>
            <div class="marker"> 
                            </div>
</body>
</html>

  hi and heres the updated code. forgot to put that. sorry. 

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="styles.css">
        <meta charset="UTF-8">
        <title>Colored Markers</title>
    </head>
    <body>
<h1>CSS Color Markers</h1>
<div class="container marker marker"> 
            </div>
            <div class="marker"> 
                            </div>
</body>
</html>