CSS Colors step 49 not passing

Tell us what’s happening:
Describe your issue in detail here.
Step 49 does not pass even though I am pretty sure the code is correct.

  **Your code so far**
\ file: <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Colored Markers</title>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <h1>CSS Color Markers</h1>
  <div class="container">
    <div class="marker red">
    </div>
    <div class="marker green">
    </div>
    <div class="marker blue">
    </div>
  </div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Colored Markers</title>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <h1>CSS Color Markers</h1>
  <div class="container">
    <div class="marker red">
    </div>
    <div class="marker green">
    </div>
    <div class="marker blue">
    </div>
  </div>
</body>
</html>
\ file: h1 {
text-align: center;
}

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

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

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

.green {
background-color: #007F00;
}

.blue {
background-color: hsl(240, 100%, 50%);
}

h1 {
text-align: center;
}

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

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

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

.green {
background-color: #007F00;
}

.blue {
background-color: hsl(240, 100%, 50%);
}

  **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/15.4 Safari/605.1.15

Challenge: Step 49

Link to the challenge:

Yes, I am having the same problem!

Sometimes browser extensions, dark mode, ad blockers, or other add-ons or extensions in a browser can cause tests to fail arbitrarily. Your code is correct so I recommend trying a different browser.

Are you using an apple device, this step does not pass in apple devices.
There is some problem with apple(:apple: ) devices for this step, you will likely face the same issue in Step: 60 and 66 also. You can go to the next step, the main thing is that your code is correct and you understand what the lesson teaches.

1 Like

This seems to be partially true regarding Apple devices. I have had no issues with any of the challenges so far on my MacBook Pro (newest model). However, I just opened this lesson on my phone which is an iPhone 8 Plus and I had trouble even getting it to open the on-screen keyboard. Once I got the keyboard open to edit the lesson it would not pass even though it was correct.

So to me, it seems the issue lies in the software of older Apple devices and some compatibility issues.

Thanks for letting me know about that, but not all apple users have the latest devices, the problem happened when I tried it in my old Mac, there are other instances where people in the forums who use apple devices have problems with this step. So maybe its a problem with old apple devices.

I definitely think it should be fixed. Until recently I didn’t have a new Apple device either. I would say the vast majority of people who own Apple devices don’t have the newest models.

I do believe that the more that is known about the issue the quicker it can be resolved though. Shall I submit my device data somewhere for troubleshooting information and resolution?

I am having the same problem. I’m using Macbook Air M1 (2020) so I think it’s a problem for the newest models too.

1 Like

use google chrome lol, i had the same problem with my pro. its safari

tried chrome, it works! thnx