CSS Linear Gradient problem

HTML-CSS
#1

Tell us what’s happening:
I am having hard time completing this section below. Please help.

Your code so far


<style>

  div{ 
    border-radius: 20px;
    width: 70%;
    height: 400px;
    margin: 50px auto;
    background: linear-gradient(#ccffff, 35deg, #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.99 Safari/537.36.

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

#2

add { background-color:red; }

#3

35deg should be the first parameter

#4

#arunesh - I still don’t get how and where to apply your responded tag.

#5

CSS%20Problem
CSS%20Problem1909×1010 257 KB

#6

Your code was correct, you just have to interchange the position with 35deg as first parameter and followed by other

#7

#Sujith3021
I did as you said switching the 35deg to the first place and still did not solve the problem.

#8

This is correct, just change the position
background: linear-gradient(35deg,#ccffff,#ffcccc);

#9

Still not accepting the change.

CSS%20Problem
CSS%20Problem1909×1010 257 KB

#10

Ops…sorry. You are right. It works soon as I deleted “color” . Thank you so very much.

#11

Yeah you’re welcome :wink:

#12