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

HTML-CSS
1

Tell us what’s happening:

Step 14

“Now that you’ve got one marker centered with color, it’s time to add the other markers.
In the container div, add two more div elements and give them each a class of marker.”

Response:
Test: Sorry, your code does not pass. Try again.

Hint: Your second new div element should have an opening tag.

I’m not sure what I’m missing. Please help. Thank you.

  **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>
    <div class="container" 
      <div class="marker"</div> 
      <div class="marker"</div> 
      <div class="marker"</div>
    </div>
</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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.79 Safari/537.36

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

Link to the challenge:

2

You forgot to close the opening of the elements.

3
<div class="container"
class="marker"
class="marker"
class="marker"

Like this? I tried it an it just prints the words "class=“marker” three times and the code doesn’t pass.

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

must be within container div.
each must have a closing for the marker ones.

5

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