Help "Create a Gradual CSS Linear Gradient"

HTML-CSS
1

Tell us what’s happening:

Maybe I’ve been staring at the screen too long today and have readers block, but for some reason my test run is having a syntax error, and I cant figure out why!

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 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36.

Challenge: Create a Gradual CSS Linear Gradient

Link to the challenge:

2

This is what you wrote;
background: linear-gradient (35deg, #CCFFFF, #FFCCCC);

This is the example;
background: linear-gradient(90deg, red, yellow, rgb(204, 204, 255));

Spaces make a difference and cause errors and tests to fail.

3

Wow, I’m still new to this, thanks!

4

No worries, everyone was new at some point. Typo’s are a developer’s bane, hard to spot sometimes.

1 Like