Having problem with Creating a Gradual CSS Linear Gradient

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,)
  }

</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/68.0.3440.84 Safari/537.36.

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

2

Hi @warfighter,

After the gradient direction i.e., 35deg, you have to specify the colors given in the exercise

1 Like
3

yep @Sunithack1 …i did but i am not good at colors can you please help me through specific code!

4 
<style>

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

</style>

<div></div>
2 Likes
5

Hope it works for you buddy…

6

Hi @shumak thnx…but i think it takes three colors in argument

7

@warfighter i tried the code ,it worked for me

8

hey @shumak thnxx man…it works actually it takes as many colors as u want as an argument sorry!

2 Likes
9

@warfighter gud …:grinning::grinning:

1 Like