Applied Visual Design: Create a Gradual CSS

HTML-CSS
1

Stuck, here’s my code:

<style>

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

</style>

<div></div>
2

It takes only three arguments, deg is correct, after that you should have only two param according to the instruction and the color is wrong, check out the instruction for the correct color code

Instruction: Use a linear-gradient() for the div element’s background, and set it from a direction of 35 degrees to change the color from #CCFFFF to #FFCCCC.

1 Like
3

Read the instruction carefully.
You only need two colors, #CCFFFF and #FFCCCC, instead of three (red, yellow, #FFCCCC)

1 Like