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

HTML-CSS
1

Tell us what’s happening:
Hello, good afternoon please help i don’t know what i am doing wrong
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">
    </div>
    <div class="marker">
    </div>
    <div class="marker">
    </div>
  </div>
</body>
</html>

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

.marker {margin: 10px auto;
width: 200px;
height: 25px;
background-color: red;
margin: auto;
}


  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

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

Link to the challenge:

2

please help… my code has refused to pass

3

You currently have two margin properties in your selector, one set to 10px auto and the other set to auto. According to the CSS specificity, the last declared style gets precedence, which means your code is ignoring the first margin set to 10px auto (you can learn more about CSS specificity here)

Basically, you should have only one margin property in your selector and set it to 10px auto.

4

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