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

Tell us what’s happening:

Help me I can’t figure out what is wrong.

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" <div  class="container"> </div> <div class="container"> </div> >
      <div class="marker">
      </div>
    </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 (iPhone; CPU iPhone OS 17_5_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Mobile/15E148 Safari/604.1

Challenge Information:

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

Welcome to the forum @abcdefgh

In the container div , add two more div elements and give them each a class of marker .

I edited your code for readability.

You appear to have added div elements with the incorrect class

Please reset the step to restore the original code.

Then add two div elements, each containing a class of marker

Happy coding

1 Like