not able to find mistake in css code

error showing for code:
error: Your .red CSS rule should have a background property with the value rgb(255, 0, 0).

  **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" type="text/css" 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;

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:

What browser are you using? And are you using extension that affect page styles?

Your Code is Correct. Please Refresh and Try again

Happy Coding :smiling_face_with_three_hearts: :grinning:

I am using safari browser and I am not able to jump to next step .

We have a known issue with safari miss reading RGB values, you can however go manually to the next step

I just refresh my page but I didn’t work. I am trying for half an hour.

Here is the issue link Colored markers step 60 fails on safari · Issue #46233 · freeCodeCamp/freeCodeCamp · GitHub if you want to follow it for updates.

1 Like

Your Browser didn’t Support RGB values

thank you for help. I just want to complete my whole task.

thank you for your help.

1 Like

Can you switch to different browsers? We do recommend Firefox it hasn’t affected steps or test, yet

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