Create a Gradual CSS Linear Gradient: What is wrong here?

HTML-CSS
1

What is wrong with this code? i can’t proceed


<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 6.3; 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

It works fine, can you elaborate the issue you are facing?
Edited: Oh, your code is correct but look at the comma, fcc is strict on spacing so the correct way will be

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

Thanks a million, it was the spacing indeed.