Learn CSS Colors by Building a Set of Colored Markers - Step 49 - 4THEOtvOKV0Bah0PJzD7J

Tell us what’s happening:
Step 49 of the “Learn CSS Colors by Building a Set of Colored Markers” is broken. I attempted completing it through Safari and it gave the same error even though the code was corrected. I reopened the tab in Google Chrome and did typed out the same code and it worked.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  <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/15.5 Safari/605.1.15

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

Link to the challenge:

You mean that Safari is broken. We have been trying to work around Apple’s refusal to follow standards, but in the meantime we recommend browsers that adhere to web standards.

Oh, that’s makes sense. Thanks for the quick reply.

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