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

Tell us what’s happening:
Describe your issue in detail here.
My code does not pass. What am doing 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>
    <div class="container">
      <div class="marker">
      </div>
    </div>
  </body>
</html>
/* file: styles.css */
h1 {
  text-align: center;
}

.marker {
  background-color: red;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:105.0) Gecko/20100101 Firefox/105.0

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

Link to the challenge:

This is fine. Do you have any browser extensions installed that might be messing with the colors (such as dark mode)? Start disabling extensions until you find the one that is causing the problem. Or try a different browser.

1 Like

Restart this lesson and vrite this code again. Just try it. İt is vorked

1 Like

Yes, I tried this and everything worked. Thank you.

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