[BUG] Create a Gradual CSS Linear Gradient

HTML-CSS
1

Tell us what’s happening:
I’m getting the right output (gradient) in the preview but the test fails.

“The div element should have a linear-gradient background with the specified direction and colors.”

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 (X11; Linux x86_64; rv:61.0) Gecko/20100101 Firefox/61.0.

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

2

What happens when you get rid of the extra space on the background line?

1 Like
3

(35deg, #CCFFFF , #FFCCCC), you see there is a space between the second color code and the comma, just remove that, if you are confused just remove all the spaces inside the ( ) and write the color code without any spaces, that should be fine.

1 Like