Create a Gradual CSS Linear Gradient Idk?

HTML-CSS
1

Tell us what’s happening:

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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.87 Safari/537.36.

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

2

Try to close the page, reload it and do the exercise again, I think the code is right.

3

I did but yet it’s still not working, maybe a bug perhaps?

4

I am experiencing the same problem? Any solution for this bug?
my code is :
background: linear-gradient (35deg, #CCFFFF, #FFCCCC);

5

You have one extra space after second color. Delete that space after #FFCCCC
background: linear-gradient(35deg, #CCFFFF, #FFCCCC );

1 Like
6

For your code that space is the problem after gradient I believe

1 Like
7

Tnx. That fixed it. It was the space.

1 Like