Step 49 is not letting me proceed

HTML-CSS
1

I have the code exactly the way it should be on step 49 and its saying that its wrong and i cannot continue.
This is my code on step 49:

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

   **Your code so far**

/* file: index.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: 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_13_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.2 Safari/605.1.15

Challenge: Step 49

Link to the challenge:

2

Please do not create duplicate threads. It is frowned upon around here. I was helping you in the original one you created. Don’t you like me :grinning:

3

haha of course I like you!

I was just doing what you told me to do with the ask for help button. I didn’t realize it would create a duplicate thread. I apologize!

I just don’t know what to do and its frustrating.

4

Fair enough, no worries.

Do you have extensions installed in your browser that affect the colors on the page, such as dark mode? I really think that is the problem here.

5

Im not really sure to be honest.
How can I check that?

6

I don’t use Safari so I can’t give you specific directions but I’m sure you can google for “disable safari extensions” to figure out how to view and disable extensions. Or, if you have another browser on your computer you could try using it instead. Your CSS code is correct so that’s why I think it is an extension issue. You are going to run into this problem quite a bit so you’ll definitely want to fix it now.

7

Ok perfect! I’ll definitely check that out. I just started learning how to code and its really interesting and I love it so far so I really appreciate your help!
Thank you

8

I tried turning dark mode off in MacOS, but Safari didn’t even change to light mode even though another app I had open did, I think it’s how Safari responds dynamically based on the color theme of the website that is keeping the colors dark and interfering with the check. This is an almost stock install MacOS. No extensions installed in Safari, still had this issue. Downloading Google Chrome and doing challenge 49 as instructed finally passed though.

The instruction for 49 is explicit and straightforward, perhaps a regex match or something similar to check for the expected string would work better in some cases like this one? Otherwise some attention might need to be paid to the color scheme of the website for Safari users.

2 Likes
9

I encountered the same issue on step 49. After making sure that my code is correct and all my extensions were turned off, I repeatedly tried executing the code but no luck. So I glanced through the forum only to figure out that I’m not the only one stuck here. Safari is noticeably more apparent to these kind of issues as I’ve also faced the same in previous chapters, but disabling the extensions fixed that. At last, I signed in on my phone’s browser and cleared the step in first attempt. I recommend the same.

10

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