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

HTML-CSS
12

There is too much code now unfortunately.

If you restart this step you are presented with this block of code

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

This code shows one div .container and it has inside it a div .marker (made up of one opening tag and one closing tag as usual)

They want you to create more .markers which means that the two lines that make up the marker are to be copied and repeated two times

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

The mistake you were doing before is that you were duplicating the tags separately which changed the design of the code.

What you want to do is duplicate the whole element. That means if you are using a mouse, you would select the two lines that make up the marker and copy them in a new line beneath the existing one.

The end result will be that you create this type of design

<div class="container">
    Opening tag
    Closing tag
    Opening tag
    Closing tag
    Opening tag
    Closing tag
</div>

Do NOT do this:

<div class="container">
    Opening tag
    Opening tag
    Opening tag
    Closing tag
    Closing tag
    Closing tag
</div>

As this is nested tag design. (You did that earlier if you recall and I told you it was wrong so I am just warning you not to go back to this)

14 Likes