Problem with linear gradient

Tell us what’s happening:

So I am really trying to figure out what I did wrong here. It looks exactly like the video. I don’t know what mistake I did here. Can someone help me please?

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 (Linux; Android 7.0; P008) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.157 Safari/537.36.

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

Hello.

background:linear-gradient (35deg, #CCFFFF,#FFCCCC);

You have a space between linear-gradient and (, just remove that and it’s working

Thanks a bunch. It’s always something so simple lol.

Yeah, that will happen frequently. If something is not working, look for misspells, missing colons or simply spaces where they shouldn’t be , that’s usually the majority of it.

Good luck

Hi @KiwiEagle, the name of the value is linear-gradient()
So you have a typo by putting in a space between the name and the parens.