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

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **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 red">
    </div>
    <div class="marker two">
    </div>
    <div class="marker three">
    </div>
  </div>
</body>
</html>

/* file: styles.css */
h1 {
text-align: center;
}

.container {
background-color: rgb(255, 255, 255);
padding: 10px 0;
}

.marker {}
width: 200px;
height: 25px;
margin: 10px auto;
}

.red {
background-color: rgb(0, 0, 0);
}

.two {
background-color: rgb(0, 0, 0);
}

.three {
background-color: rgb(0, 0, 0);
}


  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 10; Lenovo TB-8505F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Mobile Safari/537.36

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

Link to the challenge:

2

Hi!

Please try to describe your issue in more detail in the ‘tell us what is happening’ section in future, you can write your own text in this section. It makes helping much easier.

I notice an extra bracket has been added here. This needs to be removed, this part of the code should not be changed.

.marker {}
width: 200px;
height: 25px;
margin: 10px auto;
}

Second, the lesson wants the class selector to target both the red and one class. Not change the class targeted to only red.

3

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