Could you point out where I'm going wrong with this? I'm trying to change my background-colour property to just be background

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

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
  <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>
  <div class="container">
    <div class="marker red">
    <div class="marker green">
    <div class="marker blue">
/* 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: 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/14.1.2 Safari/605.1.15

Challenge: Step 49

Link to the challenge:

Your CSS is correct. I think this is a bug specific to Safari. If you are using any dark mode extensions in your browser then be sure to turn them off. Or you could try a different browser. Otherwise, just accept that Safari won’t pass this test and move on.

I don’t have any dark mode extensions on, but how can I move on when I can’t complete the step?

Just go back to the main course menu and click on the next step. You don’t have to complete the previous one to go to the next one.

But I would recommend you use a different browser as you might run into other problems with Safari in later steps.

1 Like

okay, I just switched to chrome which I hope is fine, thank you again for all your help

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