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

Hey everybody!

I am wondering about the solution of the problem.
It can be seen on step 14 in Learn CSS Colors.

Below you can see my code. It has been displayed as wrong.

Can you find the mistake?

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <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">
    <h1>CSS Color Markers</h1>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

/* 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/605.1.15 (KHTML, like Gecko) Version/16.1 Safari/605.1.15

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

Link to the challenge:

I only see two marker divs. You should have three (the original one and the two new ones you add).


At the beginning of this challenge, there was a marker class present. The instruction requires that you create two more. So, you should have 3 divs with class marker. Currently, you have two.

1 Like

Thank you very much guys!
You helped me tremendously!

I added another


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