Learn CSS Transforms by Building a Penguin - Step 2

Tell us what’s happening:
I’ve set the color and right placing of the element body but it seems it is not working, please help me if I did wrong or I misplace something.

Your code so far

<!-- 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{
  width: 100%;
  height: 100%;
  background: linear-gradient (45deg, 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/113.0.0.0 Safari/537.36

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

Link to the challenge:

You might want to check your spacing.

Hello I did the spacing but it doesn’t still work same error showed

“You should use the background property in the body selector.”

Can you show us your new code. Please use the format button that looks like </> and paste your new code between the two lines it gives you

Your spacing is still the same. As said above you need to look at the spacing in your background style. Meaning you need to reduce the space between the opening parentheses in your linear-gradient

1 Like

thanks!!! it helps a lot that spacing cause me 10mins

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