Learn CSS Transforms by Building a Penguin - Step 2

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

the error message insists Im not using the background property in the body selector.

Your code so far
body{
background: linear-gradient 45deg, 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, rgb(118,201,255),
  rgb(247,255,222);
}

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) 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:

2

You’ve got a lot of parentheses already in there, but believe it or not, you are still missing a pair. Remember, linear-gradient is a function and thus you need to use parentheses to pass arguments into it.

Also, CSS is very picking about spaces with functions. You can’t have a space between the function name and the opening parens.

If what I said above doesn’t quite ring a bell then open the last step of the CSS Color Markers course you already completed and you will see several examples of using the linear-gradient function.

3

Welcome to the community!

It appears the parenthesis for the linear-gradient function are missing, and there is too much space within the code.

This can happen to any of us.

Suggestion: Reset the step.


#biscuit{
background: linear-gradient(325deg, 1st(color), 2nd(color));
}

I hope this helps you.

4

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