Avoid Colorblindness Issues by Carefully Choosing Colors that Convey Information

Tell us what’s happening:

Your code so far


<head>
  <style>
  .button {
    color: #33FF33;
    background-color: #FFFF33;
    font-size: 14px;
    padding: 10px;
  }
  .button:hover {
    
    background-color:#003366;
}
  </style>
</head>
<body>
  <header>
    <h1>Danger!</h1>
  </header>
  <button>Delete Internet</button>
</body>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information

Please do not leave the “Tell us what’s happening” blank. What is your specific question as it relates to this challenge.

Thank you.

The instructions state "Change the text color to a dark blue (#003366) to solve both problems."

Instead, you added a background-color of #003366 to the hover pseudo-class for the button class. Where did it tell you to do that?

the code should change the text color for the button to the dark blue

Your code so far


<head>
  <style>
  button {
    color: #33FF33;
    background-color: #FFFF33;
    font-size: 14px;
    padding: 10px;
  }
  </style>
</head>
<body>
  <header>
    <h1>Danger!</h1>
  </header>
  <button>Delete Internet</button>
</body>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information

Not sure why you think you are changing the text color of the button to dark blue. Dark blue is #003366. You currently are using #33FF33 for the text color.