Create a Graual CSS Linear Gradient case-sensitive

Tell us what’s happening:
The code for this challenge does not work unless you use lowercase # colors.

Your code so far


<style>

  div { 
    border-radius: 20px;
    width: 70%;
    height: 400px;
    margin: 50px auto;
  background: linear-gradient(35deg, #CCFFFF, #FFCCCC);
  }

</style>

<div></div>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.62 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient

I got mine to work just went to the challenge and copied and pasted the background: linear-gradient(35deg, #CCFFFF, #FFCCCC); and saw the gradient next to it. Did nothing more then that and it worked. I used Firefox on a mac