Learn CSS Transforms by Building a Penguin - Step 2

Tell us what’s happening:
Describe your issue in detail here.
My code is not successful. I would like to get help on this one. Thank you

Your code so far

body {background: linear-gradient (-45deg); color: rgb(118, 201, 255) rgb(247, 255, 222); }
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="./styles.css" />
    <title>Penguin</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>

  <body>
  </body>
</html>
/* file: styles.css */

/* User Editable Region */

body {background: linear-gradient (-45deg); color: rgb(118, 201, 255) rgb(247, 255, 222); }

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Challenge: Learn CSS Transforms by Building a Penguin - Step 2

Link to the challenge:

Read the instruction carefully:

  • delete the blank space after the “linear-gradient”
  • delete the right parenthesis after the 45deg
  • delete the “-” character in front of the 45deg
  • delete the semi-colon after the 45deg, and use a comma instead of it
  • delete the word “color” and the following colon
  • add another one right parenthesis after the “222)” (before the semicolon).

Instructions are confusing

body {background: linear-gradient (45deg, rgb(118, 201, 255)(rgb(247, 255, 222));

The instructions were clear:

  • delete the blank space after the “linear-gradient”:
'linear-gradient (' should be 'linear-gradient('
  • add the comma after the first color rgb(118, 201, 255)
  • delete the left parenthesis before the second color (rgb(247, 255, 222));

Still getting an error

body {background: linear-gradient(45deg), rgb(118, 201, 255), rgb(247, 255, 222);}

succeeded. Thank you

body {background: linear-gradient(45deg, rgb(118, 201, 255), rgb(247, 255, 222));}
1 Like

In the previous post, you wrote 45deg without the right parenthesis. Why have you changed that, and added the parenthesis again?
Read again the previous post. The solution was very close in that code line.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.