Create a Gradual CSS Linear Gradient. I can't go through this lesson!

HTML-CSS
1

Tell us what’s happening:
I can’t submit although I’m quite sure that I have followed the instructions.
I have created a “linear-gradient” with the specified direction and color but can’t go through this lesson!!! Plss help

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; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) coc_coc_browser/72.4.208 Chrome/66.4.3359.208 Safari/537.36.

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

2

remove blank space between ( , )and #CCFFFF and also between #FFCCCC and )

1 Like
3

I tried that but not succeeded. I solved this problem by using “#ccffff” and “#ffcccc” instead of “#CCFFFF”. Tks anyway :slight_smile:

2 Likes
4

yeah, but the real problem was with your blank space between #FFCCCC and ). it won’t matter if you have used capital or small letter in this case. since you have corrected it now you have removed the space between them, you can recheck the code which you have posted and code through which you got the correct answer

5

tks u. I will notice that in next lessons

6

Is this a bug? The browser has no problem interpreting the line with or without the spaces and the example is shows it with spaces in.

1 Like
7

Yes, This seems like a bug. I wasted a lot of time in trying different conditions.

It requires no space between. Not even in background and colon( : )

background:linear-gradient(35deg,#ccffff,#ffcccc);

1 Like